/* CSS Document */
body { font-size:12px; font-family:Verdana; line-height:1.5;margin:0px; padding:0px; color:#2f2f2f;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
a { color:#2f2f2f; text-decoration:none;}
a:hover { color:#05a;}


/*body*/
#container { width:100%; margin:0 auto;}

/*header*/
#header_bg{ height:383px; background-image:url(../Images/header_bg.jpg);}
#header { width:936px; height:76px; margin:0 auto;}
#nav { width:911px; height:34px; background-image:url(../Images/nav_bg.png); background-repeat:no-repeat; margin:0 auto;}
#banner_bg{ width:936px; height:271px; margin:0 auto;}

 
/*main*/
#maincontent { height:100%; overflow:hidden; background:#f4f4f4; background-image:url(../Images/mian_bg.jpg); background-repeat:repeat-x;}
#main { width:936px; margin:0 auto;}
#side { float:left; width:193px; min-height:375px; margin:20px 0px 0px 0px;}
#right { float:right; width:669px; margin:25px 30px 0px 0px;}

 
/*footer*/
#footer { height:55px; background-image:url(../Images/footer_bg.jpg);}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} 

#e_rike_logo{ float:left; width:525px; height:52px; background-image:url(../Images/e_rike_logo.png); margin:14px 0px 0px 0px;}
#link{ float:right; font-size:14px; color:#353636; font-family:"Î¢ÈíÑÅºÚ"; padding:28px 20px 0px 0px;}


.xgsm {
	padding: 0px;
	width: 910px;
	margin-top: 34px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.xgsm p {
	line-height: 1.8em;
	padding: 0px;
	margin: 0px;
	color: #666666;
}
.menu {
	height: 34px;
	display: block;
	padding: 0px;
	width: 910px;
	margin-bottom: 34px;
}

.menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
}

.menu ul li {
	/* width and height of the menu items */  
			float: left;
	overflow: hidden;
	position: relative;
	line-height: 34px;
	text-align: center;
}

.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 130px;
			height: 34px;
			font-family: "Î¢ÈíÑÅºÚ", "ËÎÌå";
			font-size: 14px;
			text-decoration: none;
			cursor: pointer;
}

.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0;
			width: 130px;
}

		.menu ul li a span.out {
			top: 0px;
}

		.menu ul li a span.over,
		.menu ul li a span.bg {
			/* hide */  
			top: -34px;
}

		/** 1st example **/

#menu1 ul li a {
			color: #000;
}

#menu1 ul li a span.over {
			color: #000;
}


#info{ width:936px; height:240px; margin:0 auto;}
#news{ float:left; width:266px; height:222px; margin:18px 0px 0px 0px;}
#news_text{ height:35px;}
#news_title{ float:left; width:102px; height:35px; background-image:url(../Images/news.png);}
#news_more{ float:right; font-size:12px; font-family:"Î¢ÈíÑÅºÚ"; padding:10px 0px 0px 0px;}
#news_more a{ color:#dc5901;}
#line{ float:left; width:10px; height:211px; background-image:url(../Images/line.jpg); margin:18px 0px 0px 12px;}
#about{ float:left; width:358px; height:222px; margin:18px 0px 0px 10px;}
#about_text{ height:35px;}
#about_title{ float:left; width:100px; height:35px; background-image:url(../Images/about.png);}
#about_more{ float:right; font-size:12px; font-family:"Î¢ÈíÑÅºÚ"; padding:10px 0px 0px 0px;}
#about_more	a{ color:#dc5901;}
#about_position{ width:337px; height:102px; background-image:url(../Images/position.png); margin:0px 0px 0px 10px;}
#about_content{ width:338px; line-height:22px; margin:5px 0px 0px 15px;}
#contact{ float:left; width:245px; height:222px; margin:18px 0px 0px 9px;}
#contact_text{ height:35px;}
#contact_title{ float:left; width:97px; height:35px; background-image:url(../Images/contact.png);}
#contact_more{ float:right; font-size:12px; font-family:"Î¢ÈíÑÅºÚ"; padding:10px 0px 0px 0px;}
#contact_more a{ color:#dc5901;}
#tel{ width:224px; height:95px; background-image:url(../Images/tel.jpg); margin:0px 0px 0px 10px;}
#contact_content{ line-height:22px; margin:0px 0px 0px 15px;}
#products{ width:936px; height:205px; margin:0 auto;}
#products_text{ height:42px;}
#products_title{ float:left; width:878px; height:42px; background-image:url(../Images/products.jpg);}
#products_more{ float:right; font-size:12px; font-family:"Î¢ÈíÑÅºÚ"; padding:5px 0px 0px 0px;}
#products_more a{ color:#8c8c8c;}

#left_nav_bg{ width:193px; height:55px; background:#0163ab;}
#left_text{ font-size:20px; color:#FFFFFF; line-height:55px; font-family:"Î¢ÈíÑÅºÚ"; padding:0px 0px 0px 16px;}
#left_test{ width:193px; height:172px;}
#left_test1{ width:193px; height:110px;}
.test ul{list-style:none;} 
.test li{float:left;width:193px; background-image:url(../Images/left_nav_bg.jpg);line-height:34px;} 
.test a{display:block;height:31px; font-family:"Î¢ÈíÑÅºÚ"; padding:0px 0px 0px 30px;} 
.test a:link{color:#383838;text-decoration:none;} 
.test a:visited{color:#383838;} 
.test a:hover{color:#FFF; font-weight:bold;text-decoration:none;background: url(../Images/left_nav_hover.jpg);} 
#feedback{ width:195px; height:56px;}
#lxwm{ width:195px; height:56px; margin:10px 0px 0px 0px;}
#dh_bg{ width:669px; height:34px; background-image:url(../Images/dh_bg.png);}
#dh_title{ float:left; width:106px; text-align:center; line-height:34px; font-size:18px; font-family:"Î¢ÈíÑÅºÚ"}
#dh_position{ float:right; line-height:34px; padding:0px 10px 0px 0px;}
#content{ width:650px; margin:10px 0px 0px 10px;}


#footer_text{ width:936px; margin:0 auto;}
#footer_text_z{ float:left; line-height:55px;}
#footer_text_y{ float: right; line-height:55px;}