body,html {
	margin:0 auto;
	background:url(images/bg.jpg) repeat-y top center;
	font-size:12px;
}
#middle{ width:810px; margin:0 auto}
#top{ width:810px;
      margin:0 auto;
	  margin-top:20px;
	  }
#logo{ background:url(images/logo.jpg) no-repeat;
       height:79px;
	   width:320px;
	   float:left;}
h5{color:#494949; font-size:12px; font-weight:normal;padding-left:638px;padding-top:25px;}
.big-hui{ font-size:14px; color:#505050; font-weight:bold}
/*导航栏*/
.menu{ float:left; width:490px;}
*{margin:0;padding:0;}
#paa{ padding-left:10px;}
#nav_yl {
 line-height: 24px;  list-style-type: none; margin-top:25px; height:25px; overflow:hidden  
}

#nav_yl a {
 display: block; width: 60px; text-align:center;
}

#nav_yl a:link  {
 color:#000000; text-decoration:none;
}
#nav_yl a:visited  {
 color:#000000;text-decoration:none;
}
#nav_yl a:hover  {
 color:#e3ceb3;text-decoration:none;font-weight:bold;
}

#nav_yl li {
 float: left; width: 60px; color:#000000; font-size:13px; font-weight:bold; 
}
#nav_yl li a:hover{
 background:#d33838;
}
#nav li ul {
 line-height: 22px;  list-style-type: none;text-align:left;
 left: -999em; width: 60px; position: absolute;
}
#nav_yl li ul li{
 float: left; width:60px;
 background: #e3ceb3;
}
#nav_yl li ul a{
 display: block; width: 60px;text-align:center;
}

#nav_yl li ul a:link  {
 color:#000000; text-decoration:none; font-weight:normal;
}
#nav_yl li ul a:visited  {
 color:#000000;text-decoration:none; font-weight:normal;
}
#nav_yl li ul a:hover  {
 color:#000000;text-decoration:none;font-weight:normal;
 background:#d33838;
}

#nav_yl li:hover ul {
 left: auto;
}
#nav_yl li.sfhover ul {
 left: auto;
}

/*变换图*/
#ch{ width:810px; height:296px; border:1px #ff0000 solid; margin:0 auto}
/*新闻*/
.news{ width:370px;margin-right:35px;float:left}
.imp{ background:#d33838; width:810px; height:117px; margin:0 auto; margin-top:5px;}
.pimg{ border:1px #898989 solid; width:123px; margin-left:18px!important; margin-left:10px; margin-top:14px; text-align:center; float:left}
#top-news{ float:left; width:170px; margin-left:12px; margin-top:16px;list-style:none; line-height:20px;}
#top-news li{ width:170px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#top-news li a{ text-decoration:none; color:#e3ceb3; }
#top-news li a:hover{color:#494949; background:#ffc21f;display:block; height:20px;}
/*案例*/
.case{ width:400px;float:left}
#lastcase{ float:left; width:170px; margin-left:20px; margin-top:16px;list-style:none; line-height:20px;}
#lastcase li{ width:170px; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
#lastcase li a{ text-decoration:none; color:#e3ceb3; font-weight:bold}
#lastcase li a:hover{color:#494949; background:#ffc21f; display:block; height:20px;}
.more_case{ color:#000000; font-weight:bold; font-size:13px; text-decoration:none; margin-left:0px!important; margin-left:0px; line-height:22px; width:170px}
.more_case a{ color:#000000; font-weight:bold; font-size:13px; text-decoration:none}
.more_case a:hover{ color:#e3ceb3; font-weight:bold; font-size:13px; text-decoration:none}
/*滚动信息*/
.marqu{ width:808px; margin:0 auto; height:19px; border-left:1px #d33838 solid; border-right:1px #d33838 solid}
.ser{ width:92px; height:19px; border-right:1px #d33838 solid; float:left; color:#d33838; padding-top:4px; font-weight:bold; font-size:13px; text-align:center;}
.brand{ float:left; width:713px; height:19px; padding-top:4px;}
.brand-cont{ list-style:none; float:left; padding-left:140px;}
.brand-cont li{ list-style:none; float:left; width:80px; padding-right:20px;}
.brand-cont li a{ list-style:none; float:left; width:80px; padding-right:10px; color:#000000; text-decoration:none;}
.brand-cont li a:hover{ list-style:none; float:left; width:80px; padding-right:10px; color:#d33838; text-decoration:none;}
/*伸缩*/
.shk{ width: 808px;
	margin:0 auto;
	border:1px #d33838 solid;
	margin-bottom:0}
.shk h3{background: #d33838 url(images/arrow-do.gif) no-repeat 790px 0px;
    color:#000000;
	text-decoration:none;
	padding: 4px 18px;
	margin-bottom: 2px;
	font-size:13px;
	font-weight:bold;
	cursor: pointer;}
.shk h3:hover{background: #d33838 url(images/arrow-do.gif) no-repeat 790px 0px;}
.shk h3:visited {
	background: #d33838 url(images/arrow-do.gif) no-repeat 790px 0px;
	background-position: 5px 40px;
}
.shk h3.active {
    background: #d33838 url(images/arrow-do.gif) no-repeat 790px 0px;
	background-position: 5px 40px;
}
.para {font-size: 12px; line-height:20px;}
.para p{
     text-indent:2em; 
     margin: 0;
     padding: 5px 10px 20px;}
/*案例*/
.inter{ width:809px;  height:117px; background:#d33838 url(images/case-cx.gif) no-repeat 20px 70px}
.inter_ser{ width:809px;  height:117px; background:#d33838 url(images/case-nr.gif) no-repeat 20px 70px}
.img_ri{ float:left; width:205px; margin-left:604px!important; margin-left:303px; margin-top:3px;}
.case_w{ width:805px; border-left:3px #d33838 solid; border-right:1px #d33838 solid!important; border-right:3px #d33838 solid; border-bottom:16px #d33838 solid; background:url(images/lb_bg.jpg) no-repeat 589px 98px}
.animation{ width:597px!important;width:602px; height:334px; float:left; border-right:1px #d33838 solid}
.sx{ width:560px!important; width:570px; margin:0 auto; margin-top:10px; overflow:scroll;height:268px;overflow-x: hidden; scrollbar-3dlight-color:#8b7e6e;scrollbar-face-color: #c7b49c;scrollbar-arrow-color:#be5b54;scrollbar-track-color:#d6c2aa}
.graph{ width:560px!important; width:570px; margin:0 auto; margin-top:30px; margin-left:26px;}
.sx ul{ list-style:none; line-height:25px; padding-top:55px; padding-left:10px; width:505px;}
.sx ul li{  background:url(images/arrow-hui.gif) no-repeat 483px 7px; display:block; color:#505050; border-bottom:1px #505050 dashed;}
.sx li a{  background:url(images/arrow-hui.gif) no-repeat 483px 7px;  color:#505050; text-decoration:none}
.sx ul li a:hover{  background:url(images/arrow-hui.gif) no-repeat 483px 7px #ffc21f; display:block; color:#505050; text-decoration:none}
.sx p{ width:450px; margin:0 auto; margin-top:10px; line-height:25px; color:#505050}
.sx h2{font-size:13px; color:#000000; font-weight:bold; margin:0 auto;margin-top:30px;}
.sx h3{  margin-left:10px; margin-top:5px; color:#505050; background:#ffc21f; display:block; font-size:12px; padding:2px; font-weight:normal}
#fwnr{ line-height:35px; padding-top:30px;}
.page_y{width:505px; padding-left:10px; margin-top:25px; text-align:right}
.page_y a{width:505px; text-decoration:none; color:#000000}
.page_y a:hover{width:505px; text-decoration:none; color:#000000}
.img_jg{margin-top:30px; margin-left:200px}
.animation h1{ font-size:12px; padding-top:25px; padding-left:25px; font-weight:normal}
.case_nav{ float:left; width:198px!important; width:200px; height:334px}
#yellow{ background:#ffc21f;}
#case_navmenu{ line-height: 24px; list-style-type: none; margin-top:15px;}
#case_navmenu a{display: block; width:198px!important; width: 202px; color:#d33838; text-decoration:none; border-bottom:1px #d33838 solid;}
#case_navmenu li{width:198px!important; width: 202px; color:#d33838; font-size:13px; font-weight:bold;text-decoration:none; text-align:right}
#case_navmenu li a:hover{ background:#ffc21f; color:#000000;  text-decoration:none;}
/*scrool*/
.feature {
	padding-top:90px;
	margin:0 auto;
	width: 542px;
	position: relative
	}

.feature a img {
	border-right: #d33838 5px solid; padding-right: 0px; border-top: #d33838 5px solid; padding-left: 0px; padding-bottom: 0px; margin-right: 20px; border-left: #d33838 5px solid; padding-top: 1px; border-bottom: #d33838 5px solid
}
.feature A:hover img {
	border-right: #d33838 5px solid; border-top: #d33838 5px solid;  border-left: #d33838 5px solid; border-bottom: #d33838 5px solid
}
#my-glider {
	position: relative
}
.scroller {
	overflow: hidden; width: 500px; height: 104px; margin:0 auto; 
}
.scroller .section {
	float:left; overflow: hidden; width: 500px; white-space: nowrap; height: 104px; text-align: center
}
.scroller .content {
	width: 10000px
}
#prevLink {
	display: block;
	overflow: hidden;
	width: 27px;
	text-indent: -99999px;
	position: absolute;
	top: 55%;
	height: 28px;
	background-image: url(images/leftarrow.jpg);
	background-repeat: no-repeat;
}
#nextLink {
	display: block;
	overflow: hidden;
	width: 27px;
	text-indent: -99999px;
	position: absolute;
	top: 55%;
	height: 28px;
	background-image: url(images/rightarrow.jpg);
	BACKGROUND-position: 1px 0px;
	background-repeat: no-repeat;
}
#prevLink:hover {
    width: 27px;
	text-indent: -99999px;
	position: absolute;
	top: 55%;
	height: 28px;
}

#nextLink:hover {
	width: 27px;
	text-indent: -99999px;
	position: absolute;
	top: 55%;
	height: 28px;
}
#prevLink {
	left: -18px
}
#nextLink {
	right: -10px
}
/*图片展示*/
.work_pic{ text-align:center}
.hidden {
	display : none;
}
	

/*左弹出*/
.nav_ser ul {
  line-height: 24px; list-style-type: none; margin-top:15px;  text-align:right;
  width:202px; /* Width of Menu Items */
}
.nav_ser ul a{display: block;  border-bottom:1px #d33838 solid;}
.nav_ser ul a:link  {
 color:#d33838; text-decoration:none;
}
.nav_ser ul a:visited  {
 color:#d33838;text-decoration:none;
}
.nav_ser ul a:hover  {
 color:#000000;text-decoration:none; background:#ffc21f;font-weight:bold;
}
.nav_ser ul li {
  text-align:right;
  position: relative;
  color:#d33838; 
  font-size:13px; 
  font-weight:bold;
  text-decoration:none; 
}
.nav_ser ul li a:hover{
 background:#ffc21f; color:#000000; text-decoration:none;
}
  
.nav_ser li ul {
  border:1px #d33838 solid;
  position: absolute;
  right: 202px; /* Set 1px more than menu width */
  top: -10px;
  display: none;
  text-decoration:none;
  }
.nav_ser li ul a{
 display: block; width: 202px;text-align:right;text-decoration:none;
}

.nav_ser  li ul a:link  {
 color:#d33838; text-decoration:none; font-weight:normal;
}
.nav_ser li ul a:visited  {
 color:#d33838;text-decoration:none; font-weight:normal;
}
.nav_ser li ul a:hover  {
 color:#000000;text-decoration:none;font-weight:normal;
 background:#ffc21f;
}
.nav_ser  li ul li{
  text-align:right;
  position: relative;
  color:#d33838; 
  font-size:13px; 
  font-weight:bold;
  text-decoration:none;
}
/* Fix IE. Hide from IE Mac \*/
* html .nav_ser ul li { float: right; height: 1%; }
* html .nav_ser ul li a { height: 1%; }
/* End */    
.nav_ser li ul li a { padding: 2px 2px; } /* Sub Menu Styles */
    
.nav_ser  li:hover ul, li.over ul { display: block; } /* The magic */
/*头部导航*/
#menu{  margin-top:10px;}
#menu ul,li{
margin:0px;
padding:0px;
}
#nav li{
display:block;
font-size:13px;
line-height:24px;
list-style:none;
list-style-position:outside;
text-align:center;
font-weight:bold;
float:left;
}
#nav li a{ display:block; color:#000000; text-decoration:none;}
#nav li a:hover{ display:block; color:#e3ceb3; text-decoration:none; background:#d33838}
.list a:link{
background:#e3ceb3;
color:#000000;
text-decoration:none;
float:left;
width:60px;
padding:3px 0px 0px 0px;
}
.list a:visited{
background:#e3ceb3;
color:#000000;
text-decoration:none;
float:left;
padding:3px 0px 0px 0px;
width:60px;
}
.list a:hover{
background:#e3ceb3;
color:#e3ceb3;
float:left;
padding:3px 0px 0px 0px;
width:60px;
text-decoration:none;
background-color:#d33838;
}
.list a:active{
background:#e3ceb3;
color:#e3ceb3;
float:left;
padding:3px 0px 0px 0px;
width:60px;
text-decoration:none;
background-color:#BD06B4;
}
#nav{
	width:490px;
	height:30px;
	border-bottom:0px;
	padding:0px 5px;
	position:absolute;
	z-index:1;

}
.list{
line-height:20px;
text-align:center;
font-weight:normal;
}
.menu1{
width:60px;
height:auto;
margin:6px 0px 0px 0px;
padding:6px 0px 0px 0px;
cursor:hand;
overflow-y:hidden;
filter:Alpha(opacity=100);
-moz-opacity:0.7;
}
.menu2{
width:60px;
height:24px;
margin:6px 0px 0px 0px;
color:#000000;
padding:6px 0px 0px 0px;
overflow-y:hidden;
cursor:hand;
}
/*加入*/
.font_bl{ color:#000000;
         margin-left:38px!important;
         margin-left:44px;
         font-size:13px;
		 font-weight:bold;
		 padding:4px;}
.font_bl a{ color:#000000;
          text-decoration:none;
         font-size:13px;
		 font-weight:bold;
		 padding:4px;}
.font_bl a:hover{ color:#000000;
          text-decoration:underline;
         font-size:13px;
		 font-weight:bold;
		 padding:4px;}
.join_zp{ color:#d33838;
         font-weight:bold;}