@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	
}

body {

font: 15px Arial, Helvetica, sans-serif;
	
}
a  {text-decoration:none;
     color:#999;
	
  
}
p, li {
	font: 1.2em/1.8em Tahoma, sans-serif;
}
h1 {
	font: 15px   Arial, Helvetica, sans-serif;
	color: #666;
	text-align: left;
	line-height:10px;
	
}

h2 {
	font: 15px  Arial, Helvetica, sans-serif;
	color: #39F;
	text-align: left;
	line-height:10px;
	
}

h3 {
	font: 15px  Arial, Helvetica, sans-serif;
	color: #666;
	text-align: left;
	line-height:10px;
	
}

.zt{ font:1.0em Verdana;
text-align: left;
         }
		 
.jj{ font:14pt  Arial, Helvetica, sans-serif;
color:#666;
text-align: left;
}

.more{ font:10pt  "Times New Roman", Times, serif;
font-weight:300;
color:#36C;
        }
		
.db{ font:8pt  "Times New Roman", Times, serif;
color: #666;
        }


#page{
	background: white;
	min-width: 778px;
	max-width: 950px;
	margin: 1px auto;
	width:expression(document.body.clientWidth < 780? "778px" : document.body.clientWidth > 950? "950px" : "auto");
	}
	#page #inside {
	padding-bottom: 0px;
	padding-top: 15px;
	}

#topheader{
	position:relative;
	height:61px;
	}
	
#header {
	text-align: center;
	height: 224px;
	border: 2px    outset #EFEFEF;
}

#left-sidebar {
	position: relative;
	width: 250px;
	height: 400px;
	float: left;
	top:20px;
	padding-left: 0px;
	padding-top: 20px;

	/*background: yellow;*/
	
}
#left-sidebar #sidebar{
	position:absolute;
	left:0px;
	top:120px;
	height:200px;
	width:250px;
	margin:30px 0px 0px 0px;
	
	
}


#main-content {
	position: relative;
	height: 400px;
	padding-left: 0px;
	padding-top: 20px;
	border-left:1px solid #666;
	border-right:1px solid #666;
}
	

#footer {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
    background:url("../images/fooder.gif") no-repeat;
}

/*Logo*/
#topheader #logo {position:absolute; left:5px; top:5px;  width:400px; height:55px;}


/*language*/
#topheader #language{position:absolute; left:875px; top:1px;  width:80px; height:20px; font-size:12px;}


/*MENU*/
#topheader #menu {position:relative; left:514px; top:35px;}
#nav {padding:0; width:398px; height:25px; line-height:25px; overflow:hidden; list-style:none; position:relative;}
#nav li {width:82px; height:25px; position:absolute; top:0;}
#b {left:79px;}
#c {left:158px;}
#d {left:237px;}
#e {left:316px;}
#nav a {width:82px; height:25px; padding:30px 0 0 ; overflow:hidden; display:block; background:url("../images/menu.gif") no-repeat;position:relative;}
#b a {background-position: -82px 0px;}
#c a {background-position: -164px 0px;}
#d a {background-position: -246px 0px;}
#e a {background-position: -328px 0px;}
#a a:hover {background-position: 0 -25px}
#b a:hover {background-position: -82px -25px;}
#c a:hover {background-position: -164px -25px;}
#d a:hover {background-position: -246px -25px;}
#e a:hover {background-position: -328px -25px;}

#home #nav li a #a,#about #nav li a #b,#products #nav li a #c,#services #nav li a #d,#contact #nav li a #e{ }

/*latest*/
#left-sidebar #latest{
	position:absolute;
	left:4px;
	top:0px;
	height:20px;
	width:125px;
	border-bottom: 1px solid #C9C9C9;
	background:url("../images/123.gif") no-repeat;
}

#left-sidebar #lcontain{
	
	position:absolute;
	left:0px;
	top:25px;
	height:118px;
	width:240px;
	text-align:center;
    background:url("../images/1212.png") no-repeat;
}
#left-sidebar #lcon{
	position:absolute;
	left:114px;
	top:4px;
	height:10px;
	width:15px;
	text-align:center;
	background:url("../images/lcon.gif") no-repeat;
}


/*contact*/
#sidebar #contact{
	position:absolute;
	left:5px;
	top:21px;
	height:24px;
	width:218px;
	border-bottom: 1px solid  #C9C9C9;
	background:url("../images/444.jpg") no-repeat;
}


#sidebar #ccontain{
	position:absolute;
	left:0px;
	top:49px;
	height:190px;
	width:240px;
	background:url("../images/190.png") no-repeat;
}

#sidebar #ccon{
	position:absolute;
	left:205px;
	top:28px;
	height:10px;
	width:15px;
	background:url("../images/lcon.gif") no-repeat;
}

/*main-conten*/
#main-content #zhanshi{
	position:absolute;
	left:33px;
	top:65px;
	height:350px;
	width:660px;
	}
#main-content #jieshao{
	position:absolute;
	left:33px;
	top:20px;
	height:80px;
	width:665px;
    background:url("../images/c21.gif") no-repeat; 
	}
	
/*footer*/

#footer #navfoobter{ 
    position:absolute;
    top:5px;
    left:275px;
	width:420px;}
#navfoobter ul {
	margin: 0; 
    padding: 0; 
    list-style-type: none; 
    font-family:  verdana, arial, Helvetica, sans-serif; 
	
	}

#navfoobter ul li{float:left; line-height:18px; font-size:12px; padding-bottom:2px;} 
#navfoobter ul li  a{display: block; color: #333; margin:0 4px;}
#navfoobter ul li a:hover{ text-decoration: underline;}
#navfoobter ul li a:active{color: #39F;}
#navfoobter ul li  a:visited{color: # D5D5D5;}

.menuDiv {width:1px;height:10px;background:#999;}

#footer #sm{
	position:absolute;
	top:25px;
	left:315px;
	width:350px;
	font-family: 10px Arial, Helvetica, sans-serif;
}
	
	
/*list*/
#left-sidebar  #list{
	border: 0;
	width: 180px;
	position:absolute;
	top:31px;
	left:11px;
	z-index:2;
	
}

 #list{
	font:9px  Georgia, "Times New Roman", Times, serif;
	text-align: left;	
	list-style:none;
}

 #list ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;

}

 #list li{
	background: url("../images/xx.gif") repeat-x bottom  ;
	width: 100%;	
	
}
 #list li a{
	  
	color: #777777;
	display: block;
	padding: 0px 10px 0px 10px;
	background: url("../images/3.gif") no-repeat 0px  5px;
}

 #list li span{
	float: left;
	text-align: right;
		
}
 #list li a:hover{
	color: #336699;
	background: url("../images/2.gif") no-repeat 0px  5px;
	text-decoration: underline;
}
 #list li a:active{color: #09F;}
 #list li a:visited{color: #930;}
 
#left-sidebar #new{
	position:absolute;
	top:38px;
	left:175px;
	width:25px;
	height:10px;
	background: url("../images/new.gif") no-repeat;
	z-index:1;
	 }
 
/*contact*/ 
 #ccontain #dh{
	position:absolute;
	top:6px;
	left:19px;
	width:220px;
	height:165px;
	font-family: 15pt Arial, Helvetica, sans-serif;
	 }
#topheader #call{
	position:absolute;
	left:642px;
	top:-5px;
	width:197px;
	height:34px;
	background: url(../images/call.gif);
	z-index: 8;
}
/*MENUCN*/
#topheader #menucn{position:relative; left:514px; top:35px;}
#navcn {padding:0; width:398px; height:25px; line-height:25px; overflow:hidden; list-style:none; position:relative;}
#navcn li {
	width:82px;
	height:25px;
	position:absolute;
	top:0;
	z-index: 6;
}
#b {left:79px;}
#c {left:158px;}
#d {left:237px;}
#e {left:316px;}
#navcn a {width:82px; height:25px; padding:30px 0 0 ; overflow:hidden; display:block; background:url("../images/menu-cn.gif") no-repeat;position:relative;}
#b a {background-position: -82px 0px;}
#c a {background-position: -164px 0px;}
#d a {background-position: -246px 0px;}
#e a {background-position: -328px 0px;}
#a a:hover {background-position: 0 -25px}
#b a:hover {background-position: -82px -25px;}
#c a:hover {background-position: -164px -25px;}
#d a:hover {background-position: -246px -25px;}
#e a:hover {background-position: -328px -25px;}

/*footercn*/

#footer #navfoobtercn{
	position:absolute;
	top:1px;
	left:202px;
	width:561px;
}
#navfoobtercn ul {
	margin: 0; 
    padding: 0; 
    list-style-type: none; 
    font-family:  verdana, arial, Helvetica, sans-serif; 
	
	}

#navfoobtercn ul li{float:left; line-height:18px; font-size:12px; padding-bottom:2px; } 
#navfoobtercn ul li  a{display: block; color: #333; margin:0 10px;}
#navfoobtercn ul li a:hover{ text-decoration: underline;}
#navfoobtercn ul li a:active{color: #39F;}
#navfoobtercn ul li  a:visited{color: # D5D5D5;}



#footer #smcn{
	position:absolute;
	top:24px;
	left:304px;
	width:350px;
	font-family: 10px Arial, Helvetica, sans-serif;
}
/*img*/
/*#left-sidebar a {}
#left-sidebar a:hover {border:10px  double #c00;}
#left-sidebar img {display:block;border:none;background:#069;}*/