/*------------------------------------------------------------------*/
/* FILE GENERATED BY suchasplus                           */
/* STYLE DIRECTORY: 1                                     */
/* CACHE FILE: Generated: Wed, 22 Dec 2006					 */
/*------------------------------------------------------------------*/

/*~START CSS~*/

/* 
 * Cascading Style Sheet(CSS 467), for phei.com.cn 2007 Edition
 * Author: suchasplus, suchasplus@gmail.com, http://www.suchasplus.com 
 * Copyright: 2006 suchasplus Power Services, all rights reserved 
 *
 */

/* 
 * ========================================
 * global element styles 
 * ========================================
 */
 
body{ 
	
	/*
	background: #F7F6FB;
	*/
	margin: 0px;
	padding: 0px; /* required for Opera to have 0 margin */
	overflow-x: hidden;
	
}
*{
  margin: 0;
  padding: 0;
  list-style: none;  
}
.title {
	font-size: 40px;
	font-family: "΢ÈíÑźÚ";
	color: #844421;
}
.title2 {
	font-size: 20px;
	font-family: "΢ÈíÑźÚ";
	
}
.title3 {
	font-size: 20px;
	font-family: "΢ÈíÑźÚ";
}
a:link{
 color:#000;
 text-decoration:none;
 }
 a:visited{
 color:#000;
 text-decoration:none;
 }
 a:hover{
 color:#000;
 background:#fff;
 }
 a:active{
 color:#000;
 background:#fff;
 }
 .content {
	font-size: 14px;
	font-family: "ËÎÌå";
	
}
/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:1020px;
      background:#F4F4F4;
      font-size:20px;
	  font-family:"΢ÈíÑźÚ";
	  line-height:normal;
	  border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("../images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("../images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
	  
      }
	#tabsJ a:active {
      background-position:0% -42px;
	  color:#24618E;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

/* Ô²½Çtable CSS Begin*/
#xsnazzy p {margin:0 10px;;padding-bottom:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FFF; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.xb1 {margin:0 5px; background:#ccc;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#fff; border:0 solid #ccc; border-width:0 1px;font-size:24px;color:#000000}
.xboxcontent2 {display:block; background:#fff; border:0 solid #ccc; border-width:0 1px;}
.xboxcontent3 {display:block; background:#fff; border:0 solid #ccc; border-width:0 1px;font-size:12px}

/* Ô²½Çtable CSS End*/

/*Menu CSS Begin*/
#menu DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/bottom.gif) #fff no-repeat left bottom; PADDING-BOTTOM: 10px; MARGIN: 0px auto; WIDTH: 150px; PADDING-TOP: 0px
}
#menu DT {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 1.4em; BACKGROUND: url(images/top.gif) #69c no-repeat left top; PADDING-BOTTOM: 10px; MARGIN: 0px; COLOR: #fff; PADDING-TOP: 10px; BORDER-BOTTOM: #fff 1px solid
}
#menu DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 24px; font-family:"΢ÈíÑźÚ"; BACKGROUND: #47a; PADDING-BOTTOM: 6px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 6px; BORDER-BOTTOM: #fff 1px solid
}
#gallery A {
	PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 25px; BACKGROUND: url(images/arrow.gif) #47a no-repeat 10px 10px; PADDING-BOTTOM: 5px; WIDTH: 120px; COLOR: #fff; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#gallery A:visited {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 20px; BACKGROUND: urlimages/(arrow.gif) #47a no-repeat 10px 10px; PADDING-BOTTOM: 5px; WIDTH: 125px; COLOR: #fff; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#gallery A:hover {
	BACKGROUND: url(images/arrowr.gif) #258 no-repeat 11px 10px; COLOR: #9cf
}
OL LI {
	FONT-SIZE: 11px
}
/*Menu CSS End*/
#nav{
  width:1020px;
  padding: 10px 10px 0;
  font-size: 20px;
  font-weight: bold;
}
#nav li{
  float: left;  
  margin-right: 1px;  
}
#nav li a{
  padding: 4px 10px 2px 14px;
  text-decoration: none;
  background: #DDD url(../images/navbg.gif) no-repeat;
  color: #666;    
  display: block;  
  float: left;
}
#nav li a:hover{
  color: #CCC;  
  background-color: #24618E;
}
#navbar{
  background:#24618E;
  height: 8px;
  overflow: hidden;
  clear: both; 
}
#home #nav li#m1 a,
#about #nav li#m2 a,
#products #nav li#m3 a,
#services #nav li#m4 a,
#contact #nav li#m5 a,
#about2 #nav li#m6 a{
  color: #FFF;
  background: #24618E url(../images/navbg.gif) no-repeat;
}

/*~END CSS~*/
p{font-size:16px;font-family:ËÎÌå; line-height:18pt;}
p.para{font-size:10pt;font-family:ËÎÌå; line-height:16pt;text-indent:1em;}
p.newpara{font-size:12pt;font-family:ºÚÌå; line-height:18pt;text-indent:2em;}

.list_top{ width:900px;height:135px;padding-left:30px; overflow:hidden; background:#fff;}
.list_top .Empty{ width:400px; height:40px; float:left;}
.hot{ width:720px;height:40px;}
.hot ul{ width:720px; height:30px; overflow:hidden; margin:0;padding:0;}
.hot ul li{height:30px; float:left; margin-right:15px; line-height:30px;}
.hot ul li a{ color:#000; font-size:14px;}



/* ͼƬÊó±ê»¬¹ý·Å´ó*/
.gallerycontainer{position: relative;}
.thumbnail img{border: 1px solid white;margin: 0 5px 5px 0;}
.thumbnail:hover{background-color: transparent;}
.thumbnail:hover img{border: 1px solid blue;}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;top: 0;
left: 200px; /*position where enlarged image should offset horizontally */
z-index: 50;
}