@charset "utf-8";
/* CSS Document */
/* header部分 */
#logo-bar{
	width:944px;
	height:auto;
	float:left;
}
.logo{
	float:left;
	clear:left;
	width:364px;
	height:78px;
	padding-left: 20px;
}
.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;
	width: 944px;
	height:36px;
	background-image: url(../images/nav-ul.jpg);
	background-repeat: no-repeat;
	padding-left:3px;
}
#nav ul{
	list-style-type: square;
}
#nav ul li{
	display: inline;
}
#nav ul li img{
float:left;
}
#nav ul li a{
	display: block;
	height: 36px;
	width: 133px;
	float:left;
	text-align:center;
	vertical-align:middle;
	line-height:36px;
	color:#1E1D1D;
	font-size:14px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../images/nav-small.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav ul li a:hover{
	color:#FFFFFF;
	font-weight: bold;
	background-image: url(../images/nav-bg.jpg);
	background-repeat: repeat;
	background-position: center center;
}
#nav ul li a.a-hover{
	color:#FFFFFF;
	font-weight: bold;
	background-image: url(../images/nav-bg.jpg);
	background-repeat: repeat;
	background-position: center center;
}
#nav ul li a.a-home{
	display: block;
	height: 36px;
	width: 138px;
	float:left;
	text-align:center;
	vertical-align:middle;
	line-height:36px;
	color:#1E1D1D;
	font-size:14px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../images/nav-small.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#nav ul li a.a-home:hover{
	color:#FFFFFF;
	font-weight: bold;
	background-image: url(../images/nav-home-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width:138px;
}
#nav ul li a.a-hover-home{
	color:#FFFFFF;
	font-weight: bold;
	background-image: url(../images/nav-home-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width:138px;
}
#nav ul li a.a-hover-home:hover{
	color:#FFFFFF;
	font-weight: bold;
	background-image: url(../images/nav-home-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width:138px;
}
#nav ul li a.a-hover-last{
	color:#FFFFFF;
	font-weight: bold;
	background-image: url(../images/nav-last-bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	width:138px;
}
#nav ul li a.a-hover-last:hover{
	color:#FFFFFF;
	font-weight: bold;
	background-image: url(../images/nav-last-bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	width:138px;
}
#nav ul li a.a-last{
	color:#1E1D1D;
	font-weight: bold;
	width:134px;
}
#nav ul li a.a-last:hover{
	color:#FFFFFF;
	font-weight: bold;
	background-image: url(../images/nav-last-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width:135px;
}

#bottom-nav{
	clear: both;
	float: left;
	height: auto;
	width: 942px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
#bottom-nav ul{
	list-style-type: square;
}
#bottom-nav ul li{
	display: inline;
	padding-right: 15px;/*firefox*/
	padding-left: 15px;/*firefox*/
}
#bottom-nav ul li a{
}
#bottom-nav ul li a:hover{
	color: #FF6600;
	text-decoration: underline;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.ad{
	float: right;
	width: 205px;
	height: auto;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 2px;
}
#bar{
	clear: both;
	float: left;
	height: auto;
	width: 944px;
	padding-top: 8px;
}
.index-tv{
	float: left;
	height: auto;
	width: 480px;
	clear: both;
	margin-bottom: 4px;
	overflow: hidden;
}
.index-tv dt{
	background-image: url(../images/index_09.jpg);
	background-repeat: no-repeat;
	height: 5px;
	width: 100%;
	overflow: hidden;
}
.index-tv-i{
	background-image: url(../images/index_12.jpg);
	background-repeat: repeat;
	height: 335px;
	width: 460px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
}
.index-tv-b{
	background-image: url(../images/index_34.jpg);
	height: 9px;
	width: 100%;
	overflow: hidden;
}
#myPlayer{
	float:left;
	background:url(template/images/tv.gif);
	width:251px;
	height:189px;
}
.header-flash{
	float: left;
	height:auto;
	width: 944px;
	clear: both;
	margin-top:10px;
}
.about-flash{
	float: left;
	height: 191px;
	width: 904px;
	clear: both;
	margin-top:10px;
	padding:30px 20px 0px 20px;
	background-image: url(../images/aboutus-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.inner-flash{
	float: left;
	height: 191px;
	width: 928px;
}
/* header end */

/* main部分 */
.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;
	font-family: Arial, Helvetica, sans-serif;
}
.title2{
	font-size: 14px;
	float: left;
	width: auto;
	padding-top: 8px;
	padding-left: 40px;
	color:#464646;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.title3{
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: auto;
	padding-top: 3px;
	padding-left: 53px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.title4{
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: auto;
	padding-top: 10px;
	padding-left: 20px;
	color: #194dba;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
.more{
	float: right;
	height: auto;
	width: auto;
	padding-right: 20px;
	padding-top:8px;
}
.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: 8px;
	padding-right: 10px;
}
.blank{
	background-color: #000000;
	clear: both;
	float: left;
	height: 4px;
	width: 100%;
}
.affiche{
	height: auto;
	width: 100%;
	float: left;
	clear: both;
}
.affiche dt{
	height: 25px;
	width: 100%;
	background-color: #999999;
}
.affiche-i{
	padding: 10px;
	height: auto;
	width: 200px;
}
.gonggao-p {
	display: inline;
	float: left;
	clear: both;
	width: 100%;
}
.inner{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.inner dt{
	height: 30px;
	width: 100%;
	background-image: url(../images/about-right.jpg);
	background-repeat: no-repeat;
}
.inner dd{
	text-align: left;
	height: auto;
	width: 675px;
	padding: 15px;
}
.inner2{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.inner2 dt{
	height: 30px;
	width: 100%;
	background-image: url(../images/about-right.jpg);
	background-repeat: no-repeat;
}
.inner2 dd{
	text-align: left;
	height: auto;
	width: 655px;
	padding: 15px;
}
.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;
	font-family: Arial, Helvetica, sans-serif;
}
.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;
	font-family: Arial, Helvetica, sans-serif;
}
.newslist a:hover{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
}
.classnews{
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
}
.classnews span{
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
}
.classnews li{
	font-size:13px;
	height:24px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
}
.classnews li a{
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
}
.classnews li a:hover{
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
}
.proclass{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.proclass dt{
	height: 25px;
	width: 100%;
	background-color: #999999;
}
.proclass-i{
	height: auto;
	width: 230px;
	text-align: left;
	padding: 5px;
	border-right-width: 5px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.proclass2{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	height:417px;
	background-image: url(../images/pro-left.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.proclass2 dt{
	height: 25px;
	width: 100%;
}
.proclass2-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;
	padding-left: 15px;
	letter-spacing: 0.1em;
}
.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:944px;
}
.product dt{
	height: 32px;
	width: 100%;
	background-image: url(../images/index_pro.jpg);
	background-repeat: no-repeat;
}
.product-i{
	text-align: left;
	height: auto;
	width: 940px;
	background-image: url(../images/index_13.jpg);
	background-repeat: repeat-y;
	padding-top:10px;
	padding-bottom:10px;
}
.product-img{
    margin-right:7px;
}
.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;
}
.newpro-tj
{
	width: 904px;
	height: 150px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
	overflow-y:hidden;
	overflow-x:scroll;
	scrollbar-face-color:#999;
	scrollbar-highlight-color: #1C1812;
	scrollbar-shadow-color: #1C1812;
	scrollbar-3dlight-color:#1C1812;
	scrollbar-arrow-color: #1C1812;
	scrollbar-track-color: #1C1812;
	scrollbar-darkshadow-color:#1C1812;
}
.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;
	font-family: Arial, Helvetica, sans-serif;
}
.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: 1300px;
	height: auto;
	font-size: 12px;
	padding-top: 2px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.recopro-ul li {
	float: left;
	display: inline;
}
.recopro-ul li a{
	color: #FFFFFF;
}
.contact{
	clear: both;
	float: left;
	height: auto;
	width: 100%;
}
.contact dt{
	height: 25px;
	width: 100%;
	background-color: #999999;
}
.contact-i{
	height: auto;
	width: 200px;
	text-align: left;
	padding: 10px;
}
.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: 25px;
	width: 100%;
	background-color: #999999;
}
.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: 100%;
	margin-bottom: 4px;
}
.about dt{
	height: 25px;
	width: 100%;
	background-color: #CCCCCC;
}
.about-i{
	text-align: left;
	height: auto;
	width: 740px;
	line-height: 22px;
	font-size: 14px;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
.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%;
	height:417px;
	background-image: url(../images/about-left.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.aboutus dt{
	height: 25px;
	width: 100%;
}
.aboutus dd{
	padding: 10px;
	height: auto;
	width: 200px;
}
.aboutus img{
   padding-top:8px;
}
.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;
	font-family: Arial, Helvetica, sans-serif;
}
.profilelist a:hover{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
}
#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;
}
#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;
	font-family: Arial, Helvetica, sans-serif;
}
.case-ul li {
	float: left;
	display: inline;
}
#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;
	font-family: Arial, Helvetica, sans-serif;
}
.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;
	font-family: Arial, Helvetica, sans-serif;
}
.classnews li {
	background: url('../../upfiles/system/dian.gif') no-repeat 10px 10px;
	padding-left: 20px;
	float: left;
	display: inline;
	line-height: 24px;
}
#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;
	font-family: Arial, Helvetica, sans-serif;
}
.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;
	font-family: Arial, Helvetica, sans-serif;
}
.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;
	font-family: Arial, Helvetica, sans-serif;
}
#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;
	font-family: Arial, Helvetica, sans-serif;
}
.messagetitle{
	background: #f0f0f0;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	text-indent: 30px;
	clear: both;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
#messageadd{
	height: 400px;
	width: 520px;
	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_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;
	font-family: Arial, Helvetica, sans-serif;
}
#footer_nav ul li a:hover{
	font-size: 12px;
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#keyword{
	width:100%;
	height:auto;
	text-align:left;
	_margin-top: 3px;
	_margin-bottom: 3px;
	clear: both;
	float: left;
	_margin-right: 4px;
	_margin-left: 4px;
	color: #FF0000;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#copy{
	height: auto;
	width: 100%;
	background-image: url(../images/index_41.jpg);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-bottom: 15px;
}
/* footer end */
