/* CSS Document */
*{
  margin:0px;padding:0px;
}


body{
  font-size:12px;
}
h5{
  font-size:12px;
}
/*******************************²Ëµ¥   start************************************/

#nav{
	margin-top:1px;	height:60px;	overflow:hidden;
	background: url(../images/nav_bg.gif) repeat-x;
}
#subnav{
     margin-top:-1px;margin-right:60px!important;margin-right:30px;
	 width:456px;height:30px; float:right;background:url(../images/subnav_bg.gif) no-repeat;
	 overflow:hidden;font-size: 12px;line-height: 25px;	color: #000;;.
}

#subnav ul{padding:0 10px;padding-top:5px;list-style:none;
}
#subnav ul li,#subnav ul li a,#subnav ul li a:hover{
     display:inline;text-align:center;margin:0 5px;
}
.listitem{
     background:url(../images/nav_line.gif) no-repeat;
	 padding:5px;width:2px;
}

#mainnav{
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	margin-top:5px;
	width:740px;
	letter-spacing: 3px;
	float:right;
	
}
#mainnav ul{display:inline;float:left;width:740px;list-style:none;
    }
#mainnav ul li,#mainnav ul li a,#mainnav ul li a:hover{
    float:left;color:#fff;display:inline;height:25px;margin-left:5px;margin-right:5px;
}
.current{
	background: url(../images/nav_current.gif) no-repeat 10px 20px;
		
}
.menuDiv {width:1px;height:1px;background:#fff;margin-top:5px;}

.grain{
	width:900px;padding:0 30px;
	height:60px;
	background: url(../images/nav_grain.gif) no-repeat top right;
}
.logo{
    margin-top:8px; height:43px; width:110px; behavior: url(../common/iepngfix.htc) 

 }

/*******************************²Ëµ¥   end************************************/

.right{
  float:left!important;/*clear:left;*/ float:right; clear:right;width:207px;
  height:50px;
  color:#838383;
  margin-top:2px;
  margin-left:10px;
  *margin-left:10px;
  _margin-left:0px

}
.right a:link{
	color:#838383;   
}
.right a:hover{
	color:#838383;text-decoration: underline;     
}


.left{
  float:left; clear:left;width:227px; color:#76767E;
 }
.left a:link{
	color:#838383; 
}
.left a:hover{
	color:#838383;text-decoration: underline;     
}

.centen{
  float: left;  width:514px;
  height:50px;
  color:#445175;
  _margin-left:-2px;
}
form{
    margin:15px;
}
.r_img{
    float:right;margin-top:-35px;
}
.l_img{
    float:left;
}
.btn{
    float:right;margin:5px;
}
#leftdiv1 {
    margin-top:5px;background:url(../images/leftdiv1_bg.gif) repeat-y;
	width:218px;height:222px;float:left;clear:left;
}
#leftdiv1 h5{width:218px;background:url(../images/leftdiv1_t.gif);margin-bottom:0px;
	font-size:12px;color:#fff; height:30px; line-height:30px;}
#leftdiv1 ul{
    list-style-type:none;margin-left:20px;margin-bottom:10px;
}
#leftdiv1 ul li,#leftdiv2 ul li{
    line-height:21px;width:190px;overflow:hidden;
	color:#838383;
}
#leftdiv2 {    
	width:223px!important; width:220px; height:286px!important;height:277px;margin-top:5px;
	float:left;clear:left;
	border-left:3px solid #FFB400;border-right:3px solid #FFB400;border-bottom:3px solid #FFB400; 
}
#leftdiv2 h5{    
	padding-left:10px;width:216px!important; width:213px;background:url(../images/div_t.gif) repeat-x;margin-bottom:0px;
	font-size:12px;color:#fff;
}
#leftdiv2 ul{
     list-style-type:none;padding-left:20px;
}
#leftdiv2 ul li{
    height:22px;width:190px;overflow:hidden;
}
#leftdiv3{    
	width:229px;margin-top:5px;
	float:left;clear:left; /*height:355px;*/
}
#leftdiv3 h5{    
	width:223px;background:url(../images/div_t.gif) repeat-x;font-size:12px;color:#fff;
}
#leftdiv3 ul{
    border-left:3px solid #FFB400;border-right:3px solid #FFB400;border-bottom:3px solid #FFB400; list-style-type:none;
}
#leftdiv3 ul li{
    height:23px;width:190px;/*overflow:hidden;*/margin-left:20px;
}
.img{
    margin:10px;
}
.hot{
    color:#542A2F;font-weight:bold;line-height:18px;
}
.line{
    background:url(../images/dot_rh.gif) repeat-x top;padding-left:10px;padding-right:10px;
}
#people{
	width:727px;height:230px!important;height:220px;
	margin-left:10px;margin-top:5px;overflow:hidden;
	float:right;clear:right;border:1px solid #FFC652;
	background: url(../images/people_bg.gif) repeat-x;
}
#cover{
    background:url(../images/cover_bg.gif) no-repeat;float:left;
}
.cover{
    border:1px solid #FF7B01;margin-top:49px;margin-left:13px;
}
#report{
    margin-top:45px;float:left;width:274px;height:133px;margin-left:5px;padding-right:10px;padding-left:10px;
}
#report h4{
    color:#BC2D00;font-size:14px;
}
#report p{
    color:#542A2F;line-height:21px;
}
#review{
	width:220px;height:220px;float:right;clear:right;margin-top:10px;
	background: url(../images/review_bg.gif) no-repeat top;
}
#review h5{
	color:#9F4202;margin-top:8px;margin-left:40px;
}
#review ul{
   margin-left:30px;list-style:none;
}
#review ul li{
	border-bottom: 1px dotted #838383;width:160px;overflow:hidden;
}
#tag{
    background:url(../images/dot_rh.gif) repeat-x top;float:left;clear:left;
	margin-top:5px!important;margin-top:-5px;margin-left:5px;padding:6px;width:483px;
}
#charater{
     margin-top:5px;margin-left:5px;width:518px;
	 border:1px solid #FFC652;float:left;
	 background:url(../images/character_bg.gif) repeat-x top;
}
#charater h5{
     background:url(../images/character_top.gif) no-repeat top left;
	 padding-top:23px;padding-left:60px;color:#9F4202;
}

#charater ul {
  margin-left:12px;margin-right:12px;margin-bottom:12px;
}
#charater ul li {
 width:247px;height:142px;overflow:hidden; color:#5D5F84;float:left;color:#542A2F;
}
.photo{
  border:3px solid #CDCDCD;float:left;margin:5px;
}
.name{
  font-weight:bold;
}
.banner{
    margin-top:5px;margin-left:10px;
}
#tech{
    width:203px;border:1px solid #D5D5D5;float:left;color:#838383;
	margin-top:5px;margin-left:5px!important;margin:3px;background:#EDEDED url(../images/right_h5.gif) no-repeat;
}
#tech h5,#story h5{
    margin-top:7px;margin-left:10px;color:#fff;
}
#tech ul,#story ul{
    margin-left:10px;margin-bottom:2px;
}
#tech ul li{
    line-height:21px;overflow:hidden; list-style-type:none;
}
#story{ width:203px;border:1px solid #D5D5D5;float:left;color:#838383; height:234px; *height:234px;_height:236px;
	margin-top:5px;margin-left:5px!important;margin:3px;background:#EDEDED url(../images/right_h5.gif) no-repeat; overflow:hidden;}

#story ul li{ line-height:21px;overflow:hidden; list-style-type:none; }
#blog{
	width:961px;height:153px;background: url(../images/blog_bg.gif) repeat-x bottom;
	line-height:16px;float:left;clear:both;margin-top:5px;
}
#blog h4{
    float:left;width:90%;text-align:center;
}
#blog ul{
    margin:10px;float:left;list-style-type:none;
}
#blog ul li{
    float:left;margin-left:16px;
}
#blog ul li img{
    border:3px solid #fff;
}
.dot{
    background: url(../images/dot.gif) repeat-y bottom;width:3px;height:100px;
}
.banner3{
    float:left;margin-top:5px;margin-left:5px;}

/**************************Add by wjy***************************/
#charater ul li img{
 width:97px;height:116px;
}
#blog ul li img{
    border:3px solid #fff;
    width:90px;
    height:80px;
}