﻿/* header start */
#navigation{
	clear: both;
	float: left;
	height: auto;
	width: 1002px;
}
#logo_bar{
	clear: both;
	float: left;
	height: 76px;
	width: 1002px;
	padding-top: 3px;
	background-image: url(../images/index_01.gif);
	background-repeat: no-repeat;
}
#logo_bar dl{
	height: auto;
	width: 100%;
	clear: both;
	float: left;
}
.logo{
	text-align: left;
	clear: left;
	float: left;
	height: 76px;
	width: 576px;
	padding-left: 20px;
}
.top-nav{
	width: 20%;
	clear: right;
	float: right;
	height: 20px;
	padding-right: 15px;
	text-align: right;
	padding-top: 5px;
	color: #094581;
}
.top-nav a{
	color: #094581;
}
.top-nav a:hover{
	color: #FF0000;
}
.datetime{
	clear: right;
	float: right;
	height: 20px;
	width: 20%;
	padding-top: 25px;
	color: #000000;
}
#nav{
	clear: both;
	float: left;
	height: 31px;
	width: 1002px;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url(../images/index_02.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#nav ul{
	list-style-type: none;
	width: 100%;
}
#nav ul li{
	height: auto;
	width: auto;
	font-size: 12px;
	display: inline;
	padding-right: 2px;
	padding-left: 2px;
}
#nav ul li a:link,#nav ul li a:visited{
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#nav ul li a:hover,#nav ul li a:active{
	font-size: 14px;
	font-weight: bold;
	color: #FF3300;
	text-decoration: none;
}
.header-flash{
	clear: both;
	float: left;
	width: 1002px;
	height: 199px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0443aa;
}
.title-1{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	float: left;
	height: auto;
	width: 30%;
	letter-spacing: 0.2em;
}
.line_1{
	color: #FFFFFF;
	clear: both;
	float: left;
	width: 100%;
	text-align: right;
}
.line_2  {
	color: #FFFFFF;
	clear: both;
	display: block;
	text-align: right;
	width: 95%;
	float: left;
}
.line_2 img{
	float: right;
}
.line_3{
	color: #FFFFFF;
	clear: both;
	float: left;
	display: inline;
	line-height: 12px;
	height: 13px;
}
.more a{
	width: 50px;
	height: 10px;
	float: right;
	display: inline;
	text-align: center;
	color: #FF0000;
	padding-top: 13px;
}
.blank{
	clear: both;
	float: left;
	height: 15px;
	width: 100%;
	background-color: #FFFFFF;
	display: inline;
}
.your_position{
	clear: right;
	float: right;
	height: 20px;
	width: 50%;
	text-align: right;
	padding-top: 5px;
}

/*--------     头部结束   ----------*/

/*--------       ----------*/
/*产品分类树 start*/
.proclass{
	clear: both;
	float: left;
	height: auto;
	width: 185px;
	margin-bottom: 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #a3b9df;
	border-left-color: #a3b9df;
}
.proclass dt{
	width: 185px;
	height: 35px;
	text-align: left;
	float: left;
	overflow: hidden;
	background-image: url(../images/inner_01.gif);
}
.proclass dd{
	clear: both;
	float: left;
	height: auto;
	width: 185px;
	background-image: url(../images/index_12.gif);
	background-repeat: repeat-y;
}
.proclasstree {
	list-style-type: none;
	padding: 0;
	height: 23px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	display: block;
	float: left;
	width: 185px;
}
.proclasstree img{
	float: left;
}
.proclasstree li{
	float: left;
	height: 23px;
	width: 173px;
	clear: both;
	display: block;
	padding-left: 12px;
}
.proclasstree    li a  {
	COLOR: #333333;
	text-decoration: none;
	display: block;
	float: left;
	width: 80%;
	height: 23px;
	font-weight: bold;
}
.proclasstree  li a:hover {
	COLOR: #FF0000;
	text-decoration: none;
	background-image: url(../images/hover.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-weight: bold;
}
#prod_class{                  /* 主营产品 start */
	width: 80%;
	text-align: left;
	float: left;
	clear: both;
	padding-left: 30px;
}
.contact{
	clear: both;
	float: left;
	height: auto;
	width: 181px;
	padding: 2px;
	border: 1px solid #3399cc;
}
.contact dt{
	width: 100%;
	clear: both;
	float: left;
}
.contact dd{
	clear: both;
	float: left;
	height: auto;
	width: 161px;
	background-image: url(../images/index_22.gif);
	background-position: bottom;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
}

.friendlink{
	clear: both;
	float: left;
	height: auto;
	width: 181px;
	padding: 2px;
	border: 1px solid #3399cc;
}
.friendlink dt{
	width: 100%;
	clear: both;
	float: left;
}
.friendlink dd{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	background-image: url(../images/index_22.gif);
	background-position: bottom;
}
.index-about{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.index-about dt{
	clear: both;
	float: left;
	height: 41px;
	width: 100%;
	background-image: url(../images/index_08.gif);
	background-repeat: no-repeat;
}
.index-about dd{
	clear: both;
	float: left;
	height: auto;
	width: 774px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 25px;
	font-size: 14px;
}
.about-img{}
.product{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.product dt{
	clear: both;
	float: left;
	height: 31px;
	width: 100%;
}
.product dd{
	clear: both;
	float: left;
	height: auto;
	width: 774px;
	text-align: center;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.link-list{
	clear: both;
	float: left;
	height: auto;
	width: 181px;
	padding: 2px;
	border: 1px solid #3399cc;
	margin-top: 6px;
}
.link-list dt{
	width: 100%;
	clear: both;
	float: left;
}
.link-list dd{
	clear: both;
	float: left;
	height: auto;
	width: 161px;
	background-position: bottom;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.links {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: center;
}
.links li {
	text-align: center;
	padding-top: 3px;
}
.links a{
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.links a:hover {
	COLOR: #FF0000;
	text-decoration: none;
}
.inner{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.inner dl{}
.inner  dl dt{
	clear: both;
	float: left;
	height: 26px;
	width: 100%;
	background-image: url(../images/bar.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
}
.inner  dl dd{
	clear: both;
	float: left;
	height: auto;
	width: 774px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.newpro/*最新产品newpro-ul start*/
{
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
	padding-top: 15px;
}
.newpro-ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	font-size: 12px;
}
.newpro-ul li {
	float: left;
	display: inline;
}
/*最新产品 end*/

/*推荐产品recopro start*/
#recopro{
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
}
.recopro-ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	font-size: 12px;
	padding-top: 2px;
	line-height: 20px;
}
.recopro-ul li {
	float: left;
	display: inline;
}
/*推荐产品 end*/

/* 产品详细信息 start */
#zright12 {
	width: auto;
	height: auto;
	margin-top: 12px;
	text-align: left;
	font-size: 14px;
}
#zw3 {
	width: auto;
	height: auto;
	text-align: left;
	font-size: 14px;
}
#zw4 {
	width: 540px;
	height: 350px;
	text-align: left;
	font-size: 14px;
}
/* 产品详细信息 end */

/*树型案例分类树 start*/
.caseclasstree {
	list-style-type: none;
	padding: 0;
	height: 23px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	display: block;
	float: left;
	width: 185px;
}
.caseclasstree img{
	float: left;
}
.caseclasstree li{
	float: left;
	height: 23px;
	width: 173px;
	clear: both;
	display: block;
	padding-left: 12px;
}
.caseclasstree    li a  {
	COLOR: #333333;
	text-decoration: none;
	display: block;
	float: left;
	width: 75%;
	height: 23px;
	font-weight: bold;
}
.caseclasstree  li a:hover {
	COLOR: #FF0000;
	text-decoration: none;
	background-image: url(../images/hover.gif);
	background-repeat: no-repeat;
	background-position: right;
	font-weight: bold;
}
/*树型案例分类树 end*/

/*案例列表newpro-ul start*/
#case{
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-top: 10px;
	text-align: center;
	clear: both;
	float: left;
}
#case_title{
	background-image: url(../images/remover_dot2.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	text-align: left;
	background-position: left;
	clear: both;
	float: left;
}
#case_infor{
	clear: both;
	float: left;
	width: 99%;
	padding-top: 10px;
	padding-left: 3px;
}
.case-ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	font-size: 12px;
	padding-top: 5px;
}
.case-ul li {
	float: left;
	display: inline;
}
/*案例列表 end*/

/*推荐案例newpro-ul start*/
#recocase{
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
}
.recocase-ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	font-size: 12px;
	padding-top: 5px;
}
.recocase-ul li {
	float: left;
	display: inline;
}

/*友情链接-系统 end*/


/* 网站公告 start */
#affiche{
	height: 88px;
	width: 147px;
	clear: both;
	float: left;
	text-align: center;
	display: inline;
	color: #000000;
	background-image: url(../images/index_11.gif);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-right: 5px;
	padding-left: 7px;
}
#affiche_title{
	background-image: url(../images/index_21.gif);
	background-repeat: no-repeat;
	height: 31px;
	width: 100%;
	text-align: left;
}
#affiche_img{
	clear: left;
	float: left;
	height: auto;
	width: auto;
}
#affiche_infor{
	text-align: center;
	float: right;
}
.gonggao-p {
	display: inline;
	float: left;
	clear: both;
	padding-top: 3px;
	padding-bottom: 0px;
}
.classnews { /*分类资讯列表*/
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	font-size: 12px;
	padding-top: 5px;
}
.classnews li {
	background: url('../../upfiles/system/dian.gif') no-repeat 10px 7px;
	padding-left: 20px;
	float: left;
	display: inline;
	line-height: 22px;
}
.classnews li a{
	text-decoration: underline;
}
.classnews li a:hover{}

/* 关于我们 start*/
#about_cont{
	clear: both;
	float: left;
	height: auto;
	width: 268px;
	padding-top: 8px;
}
#about_title{
	height: 30px;
	width: 268px;
	background-image: url(../images/index_08.gif);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	background-position: center;
}
#about_us{
	width: 100%;
	clear: both;
	float: left;
	background-image: url(../images/hair_dress_09.gif);
	background-repeat: repeat-y;
}
#about_us ul{
	list-style-type: square;
	margin-left: 10px;
	list-style-position: inside;
	margin-right: 10px;
}
.profilelist 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;
}
.profilelist a{
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.profilelist a:hover{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
}
/* 关于我们 end */

/* 营销网络文章列表 end */
#sale_net{
	width: 250px;
}
#sale_net ul{
	list-style-type: square;
}
.marketlist a{}
.marketlist li{
	margin-left: 20px;
}
/* 资讯分类列表 start*/
#news_class{
	height: auto;
	width: 171px;
	padding-left: 30px;
	clear: both;
	float: left;
	padding-bottom: 10px;
}
#news_title{
	height: 36px;
	width: 181px;
	background-image: url(../images/newsclass.gif);
	background-repeat: no-repeat;
	margin-left: 3px;
	clear: both;
	float: left;
	background-position: center;
}
#newslist{
	height: auto;
	text-align: left;
	clear: both;
	float: left;
	width: 100%;
	margin: 0px;
}
#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;
}
/* 资讯分类列表 end */

/* 人才招聘列表 start*/
#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;
}
.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: 350px;
	width: 520px;
}
#messageadd ul{
	list-style: none;
}
#messageadd ul li{
}
.messageadd1{
	float: none;
	height: 30px;
}
/* 企业展播 end */

/* 下载列表 start */
#down_load{
	height: auto;
	width: 500px;
}

.down_list table{
	text-align: left;
	width: 80%;
	display: block;
	font-size: 16px;
}
.downlist tr td{
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}
.down_list a{
	font-size: 16px;
	text-decoration: underline;
}
.down_list a:hover{
	font-size: 16px;
}
#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%;
}
#copy{
	text-align: center;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
	clear: both;
	float: left;
	width: 1002px;
	padding-bottom: 8px;
	display: block;
	padding-top: 8px;

}
/* footer end */
#company-tv {
	clear: both;
	float: left;
	height: auto;
	width: 600px;
}

