﻿@charset "utf-8";
/* CSS Document */
/* header部分 */

#logo-bar{
	width:913px;
	height:auto;
	float:left;
	text-align:left;
}
#logo-left{
	height:auto;
	float:left;
	text-align:left;
	margin:10px 10px;
}
#logo-right{
	width:640px;
	height:auto;
	float:left;
	text-align:left;
	margin:20px 10px;
}

.logo{
	float:left;
	clear:left;
	width:960px;
	height:85px;
	background-image:url(../images/01.jpg);
	background-repeat:no-repeat;
}
.top-nav{
	float:right;
	clear:right;
	width: 90px;
	height: auto;
	color: #fcb714;
	padding-top: 20px;
	list-style-type: square;
	font-weight: bold;
	list-style-position: inside;
}
.top-nav li{
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: justify;
	width: 100%;
}
.top-nav li a{
	font-weight: bold;
	color: #666666;
}
.top-nav li a:hover{
	color: #FF6633;
	text-decoration: underline;
}
#nav{
	clear: both;
	float: left;
	height: 28px;
	width:913px;
	background:url(../images/nav_bg.gif) no-repeat  center;
}
#nav ul{
	list-style-type: square;
	width:100%;
	padding-left:20px;
	margin-right:auto;
	}
#nav ul li{
	display: inline;
	float:left;
	margin:0 6px;
    line-height:28px;
	width:75px;
}

#nav ul li a {
    FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	font-weight:bold;
	display:block;
}
#nav ul li a:hover{
	FONT-SIZE: 12px;
	COLOR: #009933;
	TEXT-DECORATION: none;
	background:url(../images/hover_bg.gif) repeat-x;
}

#nav ul li a.visited{
	FONT-SIZE: 12px;
	COLOR: #009933;
	TEXT-DECORATION: none;
	background:url(../images/hover_bg.gif) repeat-x;}

.ad{
	width:650px;
	height:100px;
	background:#006;
	margin:0px 0px 1px 0px;
}

.index-flash{
	float: left;
	width: 913px;
	clear: both;
	margin-top:2px;
	
}


/* main部分 */
#company{margin:0px 0px 0px 20px; float:left; width:415px; height:190px; background:url(../images/su_03.gif) no-repeat left 30px; text-align:left;}
#company span{ float:left; width:290px; margin:10px 0 0 120px; text-align:left;}
.title{font-weight:bold;color:#000000;padding:0 0 0 20px;}
.title1{
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: auto;
	padding-top: 3px;
	padding-left: 15px;
	color: #000000;
	text-align: left;
}
.title2{
	font-size: 16px;
	font-weight: bold;
	float: left;
	width: auto;
	padding-top: 10px;
	padding-left: 30px;
	color: #999;
}
.title3{
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: auto;
	padding-top: 3px;
	padding-left: 53px;
	color: #FFFFFF;
}
.title4{
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: auto;
	padding-top: 10px;
	padding-left: 20px;
	color: #194dba;
	text-align: left;
}
.more{
	float: right;
	height: auto;
	width: auto;
	padding-right: 5px;
	padding-top: 2px;
}
.more2{
	float: right;
	height: auto;
	width: auto;
	padding-right: 12px;
	padding-top: 4px;
}

.your_position{
	clear: right;
	float: right;
	height: 20px;
	width: auto;
	text-align: right;
	padding-top: 2px;
	padding-right: 5px;
}
.blank{
	background-color: #000000;
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
.affiche{
	height: auto;
	width: 100%;
	float: left;
	clear: both;
}
.affiche dt{
	height: 33px;
	width: 100%;
	background-image:url(../images/20.jpg);
	background-repeat:no-repeat;
}
.affiche-i{
	
	height: auto;
	width: 249px;
	text-align:left;
}
.gonggao-p {
	display: inline;
	float: left;
	clear: both;
	width: 100%;
}
.inner{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.inner dt{
	height: 41px;
	width: 100%;
	background-image:url(../images/aboutus.gif);
	background-repeat:no-repeat;
}
.inner dd{
	text-align: left;
	height: auto;
	width: 730px;
	padding: 10px;
	
	overflow:hidden;
}
.index-news{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.index-news dt{
	background-color: #CCCCCC;
	height: 25px;
	width: 100%;
}
.index-news-i{
	padding: 5px;
	height: auto;
	width: 760px;
	text-align: left;
}
.topnews-ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	font-size: 12px;
	padding-top: 5px;
}
.topnews-ul li {
	padding-left: 15px;
	display: inline;
	line-height: 24px;
	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 10px;
	float: left;
	height: auto;
	width: 95%;
}
.topnews-ul span {
	float: right;
	color: #666666;
	margin-right: 5px;
}
.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;
}
.classnews{font-size:14px;}
.classnews span{font-size:14px;}
.classnews li{
	font-size:14px;
	height:22px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.classnews li a{font-size:14px;}
.classnews li a:hover{font-size:14px;}
.proclass{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.proclass dt{
	height: 25px;
	width: 100%;
	background-color: #999999;
}
.proclass-i{
	height: auto;
	width: 200px;
	text-align: left;
	padding: 10px;
}
.proclass-b{
	background-image: url(../images/index_20.jpg);
	background-repeat: no-repeat;
	height: 14px;
	width: 248px;
	overflow: hidden;
}
.proclasstree {
	list-style-type: none;
	margin-left: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	

}
.proclasstree li{
text-align:left;
width:226px;
height:32px;
background-image:url(../images/32.gif);
padding-left:25px;
line-height:32px;
background-repeat:no-repeat;
}
.proclasstree a {
	text-decoration: none;
}
.proclasstree A:hover {
	COLOR: #FF6633;
	text-decoration: none;
}
.main-product{
	width: 100%;
	text-align: left;
	float: left;
	clear: both;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
.product{
	clear: both;
	float: left;
	height: auto;
	width: 538px;
}
.product dt{
	height: 30px;
	width: 100%;
	background-image:url(../images/i_37.jpg);
	background-repeat:no-repeat;
	background-position:1% 50%;
}
.product-i{
	text-align: left;
	height: auto;
	width: 508px;
	
	padding: 15px;
}
.product-b{
	background-image: url(../images/index_35.jpg);
	background-repeat: no-repeat;
	height: 9px;
	width: 263px;
	overflow: hidden;
}
.newpro
{
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
}
.newpro2
{
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
}
.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;
}
.newpro .newpro-ul li img{
	padding: 2px;
	border: 1px solid #ccc;
}
.newpro2 .newpro-ul li img{
	border: 1px solid #999999;
	padding: 1px;
}
#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;
}
.contact{
	clear: both;
	float: right;
	height: auto;
	width: 210px;
overflow:hidden;
}
.contact dt{
	height: 25px;
	width: 100%;
	background-image:url(../images/23.jpg);
	background-repeat:no-repeat;
	background-position:1% 50%;
}
.contact-i{
	height: auto;
	width: 200px;
	text-align: left;
	padding: 10px;
	font-size:14px;
}
.contact-b{
	background-image: url(../images/index_15-28.jpg);
	background-repeat: no-repeat;
	height: 14px;
	width: 235px;
	overflow: hidden;
}
.friendlink{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.friendlink  dt{
	height: 28px;
	width: 100%;
	background-image:url(../images/links.gif);
	background-repeat:no-repeat;
}
.friendlink-i{
	height: auto;
	width: 210px;
	text-align: left;
	padding: 5px;
}
.friendlink-b{
	background-image: url(../images/index_22-35.jpg);
	height: 10px;
	width: 235px;
	background-repeat: no-repeat;
	overflow: hidden;
}
#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%;
	height: auto;
}
.links li {
	display: block;
	float: left;
	text-align: center;
	_padding-top: 3px;
	padding-top: 5px;
	list-style-type: square;
	height: auto;
	width: auto;
}
.links a{
	font-weight: normal;
	text-decoration: none;
}
.links a:hover {
	COLOR: #FF0000;
	text-decoration: none;
}
.about{
	clear: both;
	float: left;
	height: auto;
	width: 538px;
	
}
.about dt{
	height: 30px;
	width: 100%;
	background-color: #F0F4F5;
	background-image:url(../images/21.jpg);
	background-repeat:no-repeat;
	background-position:1% 50%;
}
.about-i{
	text-align: left;
	height: auto;
	width: 508px;
	line-height: 22px;
	font-size: 14px;
	padding: 15px;
	float:left;
	display:inline;
}
.about-b{
	background-image: url(../images/index_34.jpg);
	background-repeat: no-repeat;
	height: 9px;
	width: 100%;
	overflow: hidden;
}
.aboutus{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.aboutus dt{
	height: 25px;
	width: 100%;
	background-color: #999999;
}
.aboutus dd{
	padding: 10px;
	height: auto;
	width: 200px;
}
.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;
}
#zright12 {
	width: auto;
	height: auto;
	margin-top: 12px;
	text-align: left;
}
#zw3 {
	width: 100%;
	height: auto;
	text-align: center;
	padding-top:20px;
}
#zw4 {
	width: 540px;
	height: 350px;
	text-align: left;
}
#case{
	text-align: center;
}
.caseclass{
	clear: both;
	float: left;
	height: auto;
	width: 248px;
	margin-bottom: 4px;
}
.caseclass dt{
	height: 68px;
	width: 100%;
	background-image: url(../images/index_12-20.jpg);
	background-repeat: no-repeat;
}
.caseclass-i{
	height: auto;
	width: 234px;
	text-align: left;
	background-image: url(../images/index_15b.gif);
	background-repeat: repeat-y;
	padding-right: 6px;
	padding-left: 8px;
}
.caseclass-b{
	background-image: url(../images/index_18-34.jpg);
	background-repeat: no-repeat;
	height: 9px;
	width: 248px;
	overflow: hidden;
}
#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: 22px;
	margin-left: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	background-image: url(../images/index_15.jpg);
	background-repeat: no-repeat;
}
.caseclasstree a {
	text-decoration: none;
}
.caseclasstree A:hover {
	COLOR: #FF6633;
	text-decoration: none;
}
.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;
}
.case-ul li img{
padding:2px;
border:1px solid #ccc;}
#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;
}
.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;
}
#sale_net{
	width: 250px;
}
#sale_net ul{
	list-style-type: square;
}
.marketlist a{}
.marketlist li{
	margin-left: 20px;
}
#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;
}
.seoprducts{
	width: auto;
}
.seoprducts li{
	display: inline;
	margin-right: 10px;
}
#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;
}
#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;
	color: #666666;
}
#messageadd{
	height: 450px;
	width: 560px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#messageadd ul{
	list-style: none;
}
#messageadd ul li{
}
.messageadd1{
	float: none;
	height: 30px;
}
#company-tv {
	clear: both;
	float: left;
	height: auto;
	width: 600px;
}
/* main end */


/* footer部分 */
#footer{
	height: auto;
	width: 913px;
	clear: both;
	float: left;
	margin-top: 15px;
	height:77px;
	background:#f0f0f0;
	
}

#copy{
	height: auto;
	width: 913px;
	padding-top: 12px;
	padding-bottom: 20px;
	color:#333;
	text-align:center;
}
#copy a{
color:#FFFFFF;}
#copy a:hover{
color:#FF0000;}
/* footer end */
#logoright{
margin-top:35px;
float:right;
margin-right:20px;}

/***样式部分**/
.autoscr{  display:block;  padding:5px; margin-top:5px; width:600px; height:650px; overflow:auto;SCROLLBAR-FACE-COLOR:#690;SCROLLBAR-BASE-COLOR:#690;hightlight-color:#ffffff;
    } 
.line{border-bottom:1px dotted #999999;}
.pro_left{ margin:0 auto; padding:0; width:230px;}
.pro_left h2{font-weight:bold; color:#FFF; font-size:14px; text-align:left; background:url(../images/left_bg.gif) no-repeat; text-indent:25px; height:23px; margin:10px 0 0 0; padding:0; border-bottom:1px solid #FF0000;}
.pro_left ul{ margin:0; padding-left:20px; border:1px solid  #CCC; text-align:left;}
.pro_left ul li{ list-style:none; padding-left:30px; margin:10px 0px; background:url(../images/tubiao.gif) no-repeat 10px;}

.pro_title{font-weight:bold; color:#fff; font-size:14px; text-align:left; background:url(../images/lanmu_bg.gif) no-repeat; text-indent:25px;  height:23px; line-height:23px; border-bottom:1px solid #009900; }


