@charset "utf-8";
/* CSS Document */
/* header部分 */
#logo-bar {
	width:1003px;
	height:122px;
	float:left;
	
	
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
}

#top-nav {
position:relative;
	float:right;
	text-align:right;
	top:20px;
	right:10px;
	
	width: auto;
	height: 30px;
	
	
	
}
#top-nav li{
float:left;
}

#top-nav  a {
	font-weight: normal;
	color: #000;
	font-size: 12px;
}
#top-nav a:hover {
	color: #FF6633;
	text-decoration: underline;
}
#nav {
	clear: both;
	float: left;
	height: 34px;
	width: 900px;
	margin-top:85px;
	float:left;
         padding:0 0 0 50px;
	
	
	
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}
#nav ul {
	list-style-type: none;
	position: relative;
	
	
	float: left;
}
#nav ul li {
	float: left;
	position: relative;
      width:110px;
	  text-align:center; 
	  height:34px; 
	  line-height:34px;
	  border-right:1px solid #ccc;
	
	
}
#nav ul li.end-nav{ border:none;}

#nav ul li a:link,#nav ul li a:visited{
	color:#000; font-size:14px; font-weight:bold;}

#nav ul li a:hover,#nav ul li a:active {
	font-weight:bold;color:#f00;font-size:14px; text-decoration:none;display:block;
}

#myPlayer {
	float:left;
	background:url(template/images/tv.gif);
	width:251px;
	height:189px;
}
.flash {
	float: left;
	height: 315px;
	width: 674px;
	clear: both;
	background:url(../images/flash.jpg) no-repeat left top;
}
#inner-flash {
	float: left;
	height: 191px;
	width: 928px;
}
/* header end */

/* main部分 */
.clear {
	clear:both;
}
.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: 5px;
	padding-left: 32px;
	color: #FFFFFF;
}
.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: 15px;
	height:36px;
	line-height:25px;
	
	font-size:12px;
	color:#000;
}

.more a:link,.more a:visited {
color:#000;
text-decoration:none;
}
.more a:hover,.more a:active{
color:#f00;
text-decoration:none;}


.mores {
	float: right;
	height: auto;
	width: auto;
	padding-right: 15px;
	height:26px;
	line-height:26px;
	
	font-size:10px;
	color:#fff;
}

.mores a:link,.mores a:visited {
color:#fff;
text-decoration:none;
}
.mores a:hover,.mores a:active{
color:#f00;
text-decoration:none;}
.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: 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%;
	text-align: left;
	overflow:hidden;
}
.inner h2 {
	background-image: url(../images/inner_t.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.inner p {
	padding: 10px;
	text-align: left;
}
.index-news {
	clear: both;
	float: left;
	height: auto;
	width: 640px;
	margin-left:20px;
	display:inline;
}


.index-news-list{
width:674px;
height:207px;
background:url(../images/index_22.jpg) no-repeat left top;
text-align:left;}
.topnews-ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	
	height: auto;
	font-size: 12px;
	
	
	float:left;
	
}
.topnews-ul li {
	padding-left: 25px;
	display: inline;
	line-height: 23px;
	
	
	background-image: url(../images/dian.jpg);
	background-repeat: no-repeat;
	background-position: 1% 50%;
	
	height: auto;
	width:210px;
	
	float:left;
	text-align:left;
}
.topnews-ul span {
	float: right;
	color: #666666;
	margin-right: 5px;
}
#proclass {
	height: auto;
	width: 100%;
}
#proclass h3{
width:206px;
height:33px;
background:url(../images/index_06.jpg) no-repeat left top;
}
.proclass-t {
	background-image: url(../images/index_10.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 100%;
	text-align:left;
	
	
}
#proclass-cont {
	height: auto;
	width: 100%;
	padding-top: 10px;
	clear: both;
}
.proclass-list-l {
	float: left;
	height: auto;
	width: 293px;
	overflow: hidden;
}
.proclass-list-l li {
	height: auto;
	width: 100%;
	text-align: center;
	display: block;
}
.proclass-list-l li.t {
	height: 38px;
	width: 100%;
	overflow: hidden;
}
.proclass-list-l li.imgs {
	text-align: center;
	height: auto;
	width: 100%;
	padding-top: 15px;
}
.proclass-list-l li.class-list {
	background-color: #f3f2f2;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	height: 70px;
	padding: 10px;
	width: 273px;
}
.proclass-list-r {
	float: right;
	height: auto;
	width: 293px;
	overflow: hidden;
}
.proclass-list-r li {
	height: auto;
	width: 100%;
	text-align: center;
	display: block;
}
.proclass-list-r li.t {
	height: 38px;
	width: 100%;
	overflow: hidden;
}
.proclass-list-r li.imgs {
	text-align: center;
	height: auto;
	width: 100%;
	padding-top: 15px;
}
.proclass-list-r li.class-list {
	background-color: #f3f2f2;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	height: 70px;
	padding: 10px;
	width: 273px;
}
.class-list {
	clear: both;
	height: auto;
	width: 100%;
	float: left;
}
.class-list ul {
	list-style-type: square;
	list-style-position: inside;
}
.class-list ul li {
	float: left;
	width: 42%;
	text-align: left;
	line-height: 26px;
	background-image: url(../images/dian.gif);
	background-repeat: no-repeat;
	background-position: 6px 12px;
	padding-left: 18px;
}
.class-list ul li a {
	font-size: 14px;
	font-weight: normal;
}
.class-list ul li a:hover {
	font-size: 14px;
	font-weight: normal;
}
.proclass {
	clear: both;
	float: left;
	height: auto;
	width: 100%;
	padding-bottom: 15px;
	background-color: #f5f5f5;
}
.proclass h1 {
	background-image: url(../images/proclass_t.jpg);
	background-repeat: no-repeat;
	height: 30px;
	overflow: hidden;
	margin-bottom: 10px;
}
.parentstree {
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	letter-spacing: 0.1em;
	background-color: #f5f5f5;
	text-align: left;
}



.proclasstree {	text-align: left;}
.proclasstree li {}
.proclasstree li img {vertical-align:middle;}
.product {
	clear: both;
	float: left;
	height: auto;
	width:684px;
	margin-top: 5px;
}
.product h1 {
	height: 34px;
	width: 100%;	
	background:url(../images/index-pro.jpg) no-repeat left top;
}
.product h1 span{
text-align:left;
height:34px;
line-height:24px;
padding-left:20px;
color:#000;
font-size:14px;
float:left;
}

.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;
}

.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 #FFBA00; zoom:1; margin:6px;background:#f7f8f9;}
.recocase-ul li a:hover{ border: 1px solid #f00;background:#333;  }
.recocase-ul li .boximg{ margin:3px; padding:5px;}
.recocase-ul .boxtxt{}
.contact {
	width:206px;
height:auto;
margin-top:10px;
}
.contact h3{
width:206px;
height:43px;
background:url(../images/index_13.jpg) no-repeat left top;}
.contact h3 span{
text-align:left;
height:36px;
line-height:36px;
padding-left:40px;
color:#FFFFFF;
font-size:14px;
float:left;
}

.contact-us{
width:196px;
height:auto;
padding-top:10px;
line-height:25px;

color:#000;
text-align:left; padding-left:10px;}
.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;
	padding-left:10px;
	padding-top:10px;
}
.links li {
	display: block;
	float: left;
	text-align: center;
	padding:3px 10px;
	
	
	
}
.links a {
	font-weight: normal;
	text-decoration: none;
}
.links a:hover {
	COLOR: #FF0000;
	text-decoration: none;
}
#about {
	margin-bottom: 10px;
}
#about-t {
	background-image: url(../images/index_10.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 372px;
	overflow: hidden;
}
#about p {
	text-align: left;
	height: auto;
	width: 340px;
	border: 1px solid #CCCCCC;
	background-color: #f5f5f5;
	padding: 15px;
	margin-top: 15px;
	text-indent: 2em;
	line-height: 24px;
}
.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{padding:0 30px; list-style: disc square; color:#93ab21;}
.profilelist li {
	margin-top: 10px;
	margin-bottom: 8px;
	border-bottom: 1px #CCCCCC solid;
	padding-bottom: 5px;
	text-align: center;
}
.profilelist a {
	color: #666666;
}
.profilelist a:hover {
	color: #FF0000;
}
.newslist{padding:0 30px; list-style: disc square; color:#93ab21;}
.newslist li {
	margin-top: 10px;
	margin-bottom: 8px;
	border-bottom: 1px #CCCCCC solid;
	padding-bottom: 5px;
	text-align: center;
}
.newslist a {
	color: #666666;
}
.newslist a:hover {
	color: #FF0000;
}
#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 {	text-align: left;}
.caseclasstree li {}
.caseclasstree li img {vertical-align:middle;}
.newcase {
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
}
.case-ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	font-size: 12px;
}
.case-ul li {
	float: left;
	display: inline;
}
.newcase .case-ul li img {
	padding: 2px;
	border: 1px solid #ccc;
}

#sale_net {
	width: 250px;
}
#sale_net ul {
	list-style-type: square;
}
.marketlist{padding:0 30px; list-style: disc square; color:#93ab21;}
.marketlist li {
	margin-top: 10px;
	margin-bottom: 8px;
	border-bottom: 1px #CCCCCC solid;
	padding-bottom: 5px;
	text-align: center;
}
.marketlist a {
	color: #666666;
}
.marketlist a:hover {
	color: #FF0000;
}
#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: 100%;
	height: auto;
	border: 1px solid #CCCCCC;
}
.downlist tr td {
	border:1px solid #d4d4d4;
	border-collapse:collapse;
	text-align:center;
}
.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: auto;
	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_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;
}
#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: 80%;
	float:left;
	
	
	text-align:left;
	padding-top:20px;
	padding-left:150px;
	
	
	
}
/* footer end */

.boximg{margin:5px;}

#demo{
float:left;
text-align:left;
width:400px;
height:140px;
padding-left:5px;

}

.stroll{ width:400px; margin:0 auto;overflow:hidden;height:140px; float:left;  }
.recopro-ul {	text-align:center;padding:8px; }
.recopro-ul li { float:left; margin:6px; display:inline;  }
.recopro-ul li a{ display:block;  border: 1px solid #FFBA00; zoom:1; margin:6px;background:#f7f8f9;}
.recopro-ul li a:hover{ border: 1px solid #f00;background:#333;  }
.recopro-ul li .boximg{ margin:3px; padding:5px;}
.recopro-ul .boxtxt{}

.navtreefirst {	text-align:left; padding-top:10px; }
.navtreefirst li {	display:inline; float:left; font-size:14px; padding-left:20px; width:100%; no-repeat left top; height:29px; line-height:29px;}
.navtreefirst li a:link,.navtreefirst li a:visited{ color:#000; }
.navtreefirst li a:hover,.navtreefirst li a:active{ color:#FF0000;}
.navtreefirst li img { vertical-align:middle;}

.frlink{
width:301px;
height:auto;
margin-top:5px;}
.frlink h3{
width:300px;
height:31px;
background:url(../images/index_14.jpg) no-repeat left top;}
.frlink h3 span{
text-align:left;
height:36px;
line-height:36px;
padding-left:40px;
color:#FFFFFF;
font-size:14px;
float:left;
}
.frlinks{
width:301px;
height:160px;
background:url(../images/index_16.jpg) no-repeat left top;
text-align:center;}
.header-flash{
width:1003px;
height:313px;
float:left;

}


.ny-about {
	
	float: left;
	height: auto;
	width: 740px;
	
}
.ny-about h3{
	background-image: url(../images/news_07.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 100%;
	
}
.ny-about h3 span{
text-align:left;
height:50px;
line-height:50px;
padding-left:40px;
color:#000;
font-size:14px;
float:left;
}
.ny-about-p{
width:650px;
height:auto;


padding:10px;
overflow:hidden;

text-align:left;}

.classnews {list-style:none;	color:#333;	text-align:left; padding-left:10px;}
.classnews li {	border-bottom:dotted 1px #999; padding-top:5px; background:url(../images/dian.jpg) no-repeat 1% 50%; padding-left:20px;  }
.classnews li span {color:#F60;  }
.classnews li a {	}
.classnews li a:hover {	text-decoration:none;	color:#F60; }

.newpro-ul {	text-align:center;padding:8px; }
.newpro-ul li { float:left; margin:3px; display:inline;height:160px;}
.newpro-ul li a{ display:block;  border:1px solid #FFBA00; zoom:1; margin:4px;background:#f7f8f9; overflow:hidden;}
.newpro-ul li a:hover{ border: 1px solid #f00;background:#ccc;  }
.newpro-ul li .boximg{ margin:3px; padding:5px;}
.newpro-ul .boxtxt{}

.case-ul {	text-align:center;padding:8px; }
.case-ul li { float:left; margin:3px; display:inline;height:160px;}
.case-ul li a{ display:block;  border: 1px solid #FFBA00; zoom:1; margin:6px;background:#f7f8f9; overflow:hidden; }
.case-ul li a:hover{ border: 1px solid #f00;background:#ccc;  }
.case-ul li .boximg{ margin:3px; padding:5px;}
.case-ul .boxtxt{}

.left-about{
width:220px;
height:auto;
float:left;
text-align:left;
overflow:hidden;
}
.left-about h3{
width:220px;
height:28px;
background:url(../images/index_07.jpg) no-repeat left top;}
.left-about h3 span{
width:auto;
height:28px;
line-height:28px;
text-align:left;
font-size:14px;
padding-left:25px;}
.right-news{
width:411px;
margin:0 0 0 5px;
height:174px;
float:left;
text-align:right;
background:url(../images/pro.jpg) no-repeat  left top;
overflow:hidden;
}
.right-news h3{

width:411px;
height:26px;

}
.right-news h3 span{
width:auto;
height:26px;
line-height:26px;
text-align:left;
font-size:14px;
padding-left:15px;
float:left;
color:#FFFFFF;}

.about-us{
width:300px;
height:auto;
float:right;
text-align:left;
}
.about-us h3{
width:300px;
height:27px;
background:url(../images/index_10.jpg) no-repeat left top;
}

.about-us h3 span{
width:auto;
height:26px;
line-height:26px;
text-align:left;
font-size:14px;
padding-left:35px;
float:left;

color:#000;}

.ny-left-top{
width:196px;
background:url(../images/news_05.jpg) no-repeat left top;
height:50px;}
.ny-left-top span{
width:auto; height:50px;
line-height:50px;
text-align:center;
font-size:16px;
color:#FFFFFF;
font-weight:bold;
}
.ny-left-center{
width:176px;
height:auto;
text-align:left;
padding:10px;
background:url(../images/news_09.jpg) repeat-y left top;
}
.ny-left-bottom{
width:196px;
height:16px;
background:url(../images/news_12.jpg) no-repeat left top;}