#container_body {
	BACKGROUND:#fff!Important; MARGIN-left: 10px; WIDTH: 980px; height:auto; display:block; padding-bottom:5px;  FONT-FAMILY: 'Helvetica', Arial, Verdana; border-left:1px solid #CED8E1; border-right:1px solid #CED8E1; width:980px; text-align:left; overflow-x:hidden;
}
.content11,.content22,.content33{ line-height:25px;}
a{ color:#333333;}
.fenlei {
	MARGIN: 5px 10px 10px; WIDTH: 200px
}
*{ padding:0; margin:0;}
#contentt {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 929px; PADDING-TOP: 0px; HEIGHT: auto; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
#contact {
	FONT-SIZE: 13px; LINE-HEIGHT: 20px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 150px
}
#center {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; WIDTH: 700px; border:1px solid #EFEFEF; margin-left:0px; display:block; 
	border-right:1px solid #EFEFEF;
}
#center1 {     
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; WIDTH: 700px
} 
#introduce {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 690px; LINE-HEIGHT: 20px; PADDING-TOP: 0px; HEIGHT: 175px; no-repeat:; text-align:justify; font-size:13px; 
}
#pimg{ margin-left:5px; padding-top:10px; padding-bottom:10px; width:670px; border-left:1px solid #D0D5D9; border-right:1px solid #D0D5D9; border-bottom:1px solid #ccc; border-top:1px solid #ccc; display:block;}
#pimg ul li{float:left; list-style:none; margin-left:20px; padding:5px; border:1px solid #D0D5D9; }
#pimg ul { list-style:none; margin:0; padding:0;}
#introduce H2 {
	FONT-SIZE: 20px; MARGIN: 10px 5px; COLOR: #009900; FONT-FAMILY: Arial, Helvetica, sans-serif
}
#text_all {
	BORDER-RIGHT: #c8d8f2 1px solid; BORDER-TOP: #c8d8f2 1px solid; BORDER-LEFT: #c8d8f2 1px solid; WIDTH: 700px; BORDER-BOTTOM: #c8d8f2 1px solid; HEIGHT: auto
}

#agentA_left {
	FLOAT: left
}
#agentA_right {
	FLOAT: left
}
#agentB_left {
	FLOAT: left
}
#agentB_right {
	FLOAT: left
}
#clear_agent {
	CLEAR: both
}
*{ margin:0; padding:0;}
#agent {
	BORDER-RIGHT: #c7d8f2 1px solid; BORDER-TOP: #c7d8f2 1px solid; BORDER-LEFT: #c7d8f2 1px solid; WIDTH: 208px; BORDER-BOTTOM: #c7d8f2 1px solid; HEIGHT: 210px
}
#designer_product {
	BORDER-RIGHT: #c7d8f2 1px solid; BORDER-TOP: #c7d8f2 1px solid; BORDER-LEFT: #c7d8f2 1px solid; WIDTH: 208px; BORDER-BOTTOM: #c7d8f2 1px solid; HEIGHT: 300px
}
.myFloat {
	FLOAT: left
}
.clear {
	CLEAR: both
}
.new_product {
	margin-left: 3px;  WIDTH: auto; border-left:1px solid #ccc; border-right:1px solid #ccc; margin-right:5px; HEIGHT: auto; background:#F5F5F5;
}
.newpro_bg{background:url(../images/min_024_03.jpg) no-repeat left top; width:690px; height:30px;}
.dot {
	MARGIN-TOP: 3px; BACKGROUND: url(../images/min0_04_08.jpg) no-repeat; HEIGHT: 15px; TEXT-ALIGN: center
}
#bot {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; COLOR: #000; PADDING-TOP: 15px; HEIGHT: 50px; BACKGROUND-COLOR: #3b3b3b; TEXT-ALIGN: center
}
.mar-top {
	MARGIN-TOP: 5px
}
#topad{ background:url(../images/topad.jpg) no-repeat top left; height:274px;}
/*------------------------the next is center content----------------------------------------------------------*/
#combg{background:url(../images/index_15.jpg) no-repeat left;width:691px;height:auto}
.labelText{font-size:13px;}
#left_img_top{background:url(../images/left_img_top.jpg) no-repeat left top;width:198px;height:27px; line-height:27px; text-align:center; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc;}
#left_img_center{ border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; background:url(../images/left_bg.jpg) repeat-x bottom left; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:5px;}
/*#left_img_bottom{background:url(../images/left_img_bottom.jpg) no-repeat  top left;width:200px;height:22px;}*/
#contact{font-size:13px;line-height:20px;padding-top:20px;}
#con_img_top{background:url(../images/left_img_top.jpg) no-repeat left top;width:198px;height:27px; line-height:27px; text-align:center;border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc;}
#con_img_center{ border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc;  background:url(../images/left_bg.jpg) repeat-x bottom left; border-bottom:1px solid #ccc; padding-bottom:5px;}
/*#con_img_bottom{background:url(../images/left_img_bottom.jpg) no-repeat  top left;width:200px;height:22px;}*/
#product_case {
    
}
#intro_bg{ background:url(../images/index_07.jpg) left bottom no-repeat ;width:690px;}
#center_img1_top{background:url(../images/center_img1_top.jpg) no-repeat left top; width:700px; height:31px; line-height:31px; margin-top:5px; padding-top:5px;}
#center_img1_center{background:url(../images/center_img1_center.jpg) left repeat-y; width:700px;	}
#center_img1_bottom{background:url(../images/center_img1_bottom.jpg) no-repeat left top; width:700px; height:21px;}

#center_img2_top{background:url(../images/center_img2_top.jpg) no-repeat left;width:700px;height:31px;}
#center_img2_center{background:url(../images/center_img2_center.jpg) left repeat-y; width:700px;	}
#center_img2_bottom{background:url(../images/center_img2_bottom.jpg) no-repeat left top; width:700px; height:13px;}

#center_img4_top{ background:url(../images/center_img1_top.jpg) no-repeat left;width:700px; height:36px;}
#center_img3_center{background:url(../images/center_img1_center.jpg) left repeat-y; width:700px;	}
#center_img3_bottom{background:url(../images/center_img1_bottom.jpg) no-repeat left top; width:700px; height:13px;}

.labelText2{margin-left:40px; display:inline; font-size:13px;float:left;}
.moreText{ float:right; margin-right:10px; text-transform:uppercase; color:#E9E9E9;}
.labelText3{margin-left:15px;margin-top:8px; font-size:13px;float:left; }

#right_img1_top{ background:url(../images/right_img1_top.jpg) no-repeat left top;width:185px; height:30px;}
#right_img1_center{background:url(../images/right_img1_center.jpg) left repeat-y; width:185px;	}
#right_img1_bottom{background:url(../images/right_img1_bottom.jpg) no-repeat left top; width:185px; height:24px;}
#right_img2_top{ background:url(../images/right_img1_top.jpg) no-repeat left top;width:185px; height:30px;}
#right_img2_center{background:url(../images/right_img1_center.jpg) left repeat-y; width:185px;	}
#right_img2_bottom{background:url(../images/right_img1_bottom.jpg) no-repeat left top; width:185px; height:24px;}
#right ul{ padding:0; margin:0; list-style:none;}
#right ul li{ border-bottom:1px solid #ccc; margin-left:5px; margin-top:10px;}
#right ul li a{ font-size:14px;}
#right ul li img{ margin-right:5px;}
/*--------the next is linkman--------------------------*/
#linkman{margin-top:10px; width:180px; margin-left:0px; padding:10px;}
#linkman ul{ margin:0; padding:0;}
#linkman span{ font-weight:nomorl;}
#linkman a{color:#666;}
#linkman li{ font-size:13px; color:#666; border-bottom:dashed 1px #ccc; line-height:25px; margin-bottom:2px; list-style:none;}

/*------------------------the next is nTab----------------------------------------------------------*/
.nTab {
	BACKGROUND: #d5d5d5 repeat-y left 50%; MARGIN: 0px auto 2px; WIDTH: 100%; BORDER-BOTTOM: #cacaca 1px solid
}
.nTab .TabTitle {
	CLEAR: both; OVERFLOW: hidden; HEIGHT: 25px
}
.nTab .TabTitle UL {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
.nTab .TabTitle LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; FLOAT: left; PADDING-BOTTOM: 8px; MARGIN: 0px; WIDTH: 90px; CURSOR: pointer; PADDING-TOP: 4px; LIST-STYLE-TYPE: none; TEXT-ALIGN: center
}
.nTab .TabTitle .active {
	BORDER-RIGHT: #cacaca 1px solid; BORDER-TOP: #cacaca 1px solid; BACKGROUND: #fff; BORDER-LEFT: #cacaca 1px solid; BORDER-BOTTOM: #fff 1px solid
}
.nTab .TabTitle .normal {
	BORDER-RIGHT: #cacaca 1px solid; BORDER-TOP: #cacaca 1px solid; BACKGROUND: #ebf3fb; BORDER-LEFT: #cacaca 1px solid; BORDER-BOTTOM: #cacaca 1px solid
}
.nTab .TabContent {
	BORDER-RIGHT: #cacaca 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; MARGIN: 0px auto; BORDER-LEFT: #cacaca 1px solid; WIDTH: auto; PADDING-TOP: 5px; TEXT-ALIGN: left
}
.none {
	DISPLAY: none
}
#myTab0_Content2{margin-left:10px;}
#myTab0_Content2,.proRow {margin-top:15px;}
.proRow img{width:150px;height:110px; border:1px solid #ccc; padding:5px;}
/*----------------the next is new -------------------------------------------------*/
/*#newlist{ padding-left:20px; display:block; }
#newlist #line{ display:block; border-bottom:#ccc dashed 1px;line-height:30px;}
#newlist #floatright{ float:right;display:block; width:100px}
#newlist #floatleft{float:left; display:block; width:300px; overflow-x:hidden; background:url(../images/contact.gif) no-repeat left center; padding-left:20px;}
#newlist #line a{color:#333333;}
#newlist #line a:hover{color:#FF6600;}*/
#knowlage{ overflow-x:hidden ; }
#ch{width:220px; overflow-x:hidden ;}
#news{width:300px; margin-left:50px;}
#newlist{ padding-left:10px; display:block; }
#newlist #line{  border-bottom:#ccc dashed 1px;width:auto; line-height:25px;}
#newlist #floatright{ float:right;display:block; width:80px}
#newlist #floatleft{float:left; display:block; width:auto; overflow-x:hidden; background:url(../images/contact.gif) no-repeat left center; padding-left:20px;}
#newlist #line a{color:#333333;}
#newlist #line a:hover{color:#FF6600;}
#nextNew{ border-top:2px solid #ccc; padding-top:5px;}

#newstitle h2{FONT-SIZE: 20px; text-align:center; COLOR:#006600; FONT-FAMILY: Arial, Helvetica, sans-serif}
#newstime{font-size:12px; text-align:center; color:#ccc;}
#newsimage img{width:550px;border:1px solid #ccc; padding:5px;}
#gongchen { float:left}
#gongchen ul{}
#gongchen ul li{ list-style-type:square; }
#gongchen ul li img{ width:100px; height:100px; border:1px solid #ccc;}
{ position:absolute; left:0px; top:0px; border:1px solid #ccc; width:100px; height:100px; }
#imgpos2{ float:left;}
#imgpos2 img{ border:1px solid #ddd; width:120px; height:150px; margin-left:10px; margin-top:5px; margin-right:10px;}

/*------------------------the next is prolist----------------------------------------------------------*/
#prolistbak{ width:auto; border:1px #ccc solid;padding:10px; background:#fff;}
#prolist #proRow{ margin-top:5px;padding:10px; margin-left:10px; }
#prolist #protext{color:#666666;border:1px dashed #ccc;margin:5px; font-size:12px;}
#prolist #proRow img{width:160px;height:110px; border:1px solid #ccc; padding:5px;}
#prolist td{width:auto; border-bottom:1px #ccc dashed;}
#prolist #content{height:auto;}
/*------------------------the next is prolist----------------------------------------------------------*/
#prolist 2{ border:1px #ccc solid;padding:5px; background:#fff;}

#prolist2 #proRow{ margin-top:5px;padding:2px; margin-left:1px; }
#prolist2 #protext{color:#666666;border:1px dashed #ccc;margin:2px; font-size:12px;width:160px;}
#prolist2 #proRow img{width:128px; border:1px solid #ccc; padding:5px;}
#prolist2 td{width:auto; border-bottom:1px #ccc dashed;}

#prolist3{ width:350px; }
#prolist3 #proRow{ margin-top:5px;padding:2px; margin-left:1px; width:160px; }
#prolist3 #protext{color:#666666;border:1px dashed #ccc;margin:2px; font-size:12px;}
#prolist3 #proRow img{width:168px; border:1px solid #ccc; padding:5px;}
#prolist3 td{width:auto; border-bottom:1px #ccc dashed;}

/*------------------------the next is page----------------------------------------------------------*/
#page{margin-top:10px; border-bottom:1px #C3E7B7 solid; font-size:13px;}
#page #left{ float:left; padding-top:10px; width:300px;}
#page #left ul,#page #right ul{ list-style:none; display:inline;}
#page #left li,#page #right li{display:block;margin-left:10px; float:left;}
#page #right{float:right;padding-top:10px; width:220px;}

/*-----------------------the next is left_side---------------------------------------------------------*/
#left {
	FLOAT: left; WIDTH: 200px; BACKGROUND-REPEAT: repeat-y; margin-right:5px; padding-left:10px;
}
/*-----------------------the next is right_side---------------------------------------------------------*/
#right {
	FLOAT: left; WIDTH: 185px; HEIGHT: auto
}
#right_side {background : #fff;margin-bottom : 10px;width : 710px;float:left; margin-left:10px;}
#right_side .intro {height : 80px;background : #616161;color : #fff;overflow : hidden;}

#right_side .content {border : 1px solid #ccc;background : #FEFDF9;width : 688px; padding : 10px;line-height:22px;font-size: 14px;color: #666; margin-left:5px;}


/*-------------------------the next is category list---------------------------------------------------*/
#category{}
#tree{margin-left:10px;}
.parent_list ul li,.son_list ul li{list-style:none; margin:0; padding:0;}
.parent_list,.son_list{border-bottom:dashed 1px #ccc;width:130px;display:block;}
.parent_list ul,son_list ul{display:block; }
.parent_list,.son_list{cursor:pointer;}
.parent_list{ font-size:14px; color:#88A636;padding-left:20px; margin-left:-10px; padding-top:10px; line-height:20px;list-style:none;}
.son_list{font-size:13px; padding-left:20px; margin-left:10px; padding-top:5px; line-height:20px;list-style:none;  }
.parent_list img,son_list img{ vertical-align:middle;padding-bottom:2px;}
.son_list li{marign-bottom:10px; display:block;height:20px; }/*float:left; width:100px; display:inline-block;*/
.son_list a:hover{  color:#FF9900;  font-size:13px; padding-left:5px;}
#submenu0{ display:block;}

/*------------------the next is footer---------------------------------------*/
#footer {clear : both; text-align:center; background:url(../images/bottom_border_bg.gif) repeat-x; margin:0 10px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
#footer #frindLink { border:1px solid #ccc; display:block;padding-top:0px; line-height:20px;margin-top:0px;margin-bottom:0px;}
#footer #frindLink a:hover{ color:#CC3300;text-decoration : none;}
#footer a {text-decoration : none;}
#footer #innerNav ul{ list-style:none}
#footer #innerNav li{ list-style:none; float:left;}
#footer #innerNav a{display:block; line-height:25px; margin-right:5px;padding:0 5px;border:1px solid #ccc;}
#footer #innerNav li a:hover{ border:#CC3300 solid 1px;line-height:25px;display:block}
#footer #keyWords{border:1px solid #ccc; display:block; margin-top:5px; line-height:20px;}
#footer #copyright{margin-top:5px;}
#footer #address{margin-top:20px;display:block; padding-bottom:20px;}

/*----------the next is aboutus-------------------------------------------*/
#aboutus{ width:180px; padding:10px;  margin-left:10px;}
#aboutus ul{ list-style-image:url(../images/dot.gif); padding:0; margin:0; list-style-position:inside;}
#aboutus li{font-size:14px; width:150px; border-bottom:dashed 1px #ccc; line-height:23px; margin-bottom:2px; list-style:none; padding-left:5px;}
#aboutus a{  color:#000000; text-decoration:none;padding-left:10px;}
#aboutus a:hover{  padding-left:15px; color:#FF9900;line-height:27px;}
#aboutus a:visited{ color:#666666;}

/*----------the next is index navtab-------------------------------------------*/
#container{text-align: left;width: 420px;background-color: #FFFFFF;float: left;}
#container #title{height: 28px;}
#container #title li{float: left;list-style-type: none;height: 28px;line-height: 28px;text-align: center;margin-right: 1px;}
#container #title ul{background-color: #FFFFFF;height: 28px; background:url(../images/navbg.jpg) no-repeat right top; border:1px solid #ccc;}
#container #title a{text-decoration: none;color: #000000;display: block;width: auto;background: url(../images/tab_selected_left_bk2.gif) no-repeat left -29px;}
#container #title a span{display: block;background: url(../images/tab_selected_right_bk2.gif) no-repeat right -29px;padding: 0 15px 0 15px;}
#container #title #tag1 a: hover{text-decoration: none;color: #000;display: block;width: auto;background: url(../images/tab_selected_left_bk2.gif) no-repeat left -87px;}
#container #title #tag1 a: hover span{display: block;background: url(../images/tab_selected_right_bk2.gif) no-repeat right -87px;padding: 0 15px 0 15px;}
#container #title #tag2 a: hover{text-decoration: none;color: #ffffff;display: block;width: auto;background: url(../images/tab_selected_left_bk2.gif) no-repeat left 0px;}
#container #title #tag2 a: hover span{display: block;background: url(../images/tab_selected_right_bk2.gif) no-repeat right 0px;padding: 0 15px 0 15px;}
#container #title #tag3 a: hover{text-decoration: none;color: #000;display: block;width: auto;background: url(../images/tab_selected_left_bk2.gif) no-repeat left -58px;}
#container #title #tag3 a: hover span{display: block;background: url(../images/tab_selected_right_bk2.gif) no-repeat right -58px;padding: 0 15px 0 15px;}
#container #title #tag4 a: hover{text-decoration: none;color: #000;display: block;width: auto;background: url(../images/tab_selected_left_bk2.gif) no-repeat left -145px;}
#container #title #tag4 a: hover span{display: block;background: url(../images/tab_selected_right_bk2.gif) no-repeat right -145px;padding: 0 15px 0 15px;}
#container #title #tag5 a: hover{text-decoration: none;color: #000;display: block;width: auto;background: url(../images/tab_selected_left_bk2.gif) no-repeat left -174px;}
#container #title #tag5 a: hover span{display: block;background: url(../images/tab_selected_right_bk2.gif) no-repeat right -174px;padding: 0 15px 0 15px;}
#container #title .selectli1{text-decoration: none;color: #000;display: block;width: auto;background: url(../images/tab_selected_left_bk2.gif) no-repeat left -87px;}
#container #title a .selectspan1{display: block;background: url(../images/tab_selected_right_bk2.gif) no-repeat right -87px;padding: 0 15px 0 15px; margin-top:1px;}
#container #title .selectli2{text-decoration: none;color: #000;display: block;width: auto;background: url(../images/tab_selected_left_bk2.gif) no-repeat left 0px;}
#container #title a .selectspan2{display: block;background: url(../images/tab_selected_right_bk2.gif) no-repeat right 0px;padding: 0 15px 0 15px; margin-top:1px;}
#container #title .selectli3{text-decoration: none;color: #000;display: block;width: auto;background: url(../images/tab_selected_left_bk2.gif) no-repeat left -58px;}
#container #title a .selectspan3{display: block;background: url(../images/tab_selected_right_bk2.gif) no-repeat right -58px;padding: 0 15px 0 15px; margin-top:1px;}
#container #title .selectli4{text-decoration: none;color: #000;display: block;width: auto;background: url(../images/tab_selected_left_bk2.gif) no-repeat left -145px;}
#container #title a .selectspan4{display: block;background: url(../images/tab_selected_right_bk2.gif) no-repeat right -145px;padding: 0 15px 0 15px; margin-top:1px;}
#container #title .selectli5{text-decoration: none;color: #000;display: block;width: auto;background: url(../images/tab_selected_left_bk2.gif) no-repeat left -174px;  margin-top:1px;}
#container #title a .selectspan5{display: block;background: url(../images/tab_selected_right_bk2.gif) no-repeat right -174px;padding: 0 15px 0 15px;}
#container #content ul{margin: 10px;}
#container #content li{margin: 5px;}
#container #content li img{margin: 5px;display: block;}
#container #content{height: 185px;padding: 0px;}
.content1{border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #ccc;border-right-color: #ccc;border-bottom-color: #ccc;border-left-color: #ccc;line-height:25px;}
.content2{border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #ccc;border-right-color: #ccc;border-bottom-color: #ccc;border-left-color: #ccc; }
.content3{height: 300px;padding: 10px;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #fff;border-right-color: #ccc;border-bottom-color: #ccc;border-left-color: #ccc; line-height:25px;}
.content4{height: 300px;padding: 10px;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #fff;border-right-color: #ccc;border-bottom-color: #ccc;border-left-color: #ccc; line-height:25px;}
.content5{height: 300px;padding: 10px;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #fff;border-right-color: #ccc;border-bottom-color: #ccc;border-left-color: #ccc; line-height:25px;}
.hidecontent{display: none;}
/*-----------------------the next is pingpai---------------------------------------*/
#pingpai,#ding{width: 250px;float: left;margin-left: 10px;}
#pingpai h3,#ding h3{ padding-left:10px; background: url(../images/client_t.gif) no-repeat;height: 30px;line-height: 30px;font-size: 13px;font-weight: normal;}
#pingpai h3 span,#ding h3 span{ margin-left:100px;}
#pingpai ul{padding-bottom: 10px;border-left: 1px solid #ccc;border-right: 1px solid #ccc;height: 170px; }
#pingpai ul li{list-style: none;float: left;border: 1px solid #ccc;margin-left: 5px;margin-top: 5px;}
#pingpai ul li img{width: 72px;height: 53px;border: none;}
#ping_foot{background: url(../images/client_b.gif) no-repeat top left;height: 8px;clear: both;}
#dingzi{ background:url(../images/dingzi.jpg) no-repeat; height:170px; width:248px; border-left:1px solid #ccc; border-right:1px solid #ccc;	}
/*-----------------------the next is index profile nav---------------------------------------*/
#hoverpage ul#outer li div p {font-size:12px; line-height:16px; margin:5px 0 15px 0;}
#hoverpage ul#outer li div h2 {line-height:1em; color:#585; font-size:1.5em; font-weight:normal; margin-top:0; font-family:verdana, sans-serif;}
#hoverpage ul#outer li div h3 {line-height:1em; color:#66a; font-size:1.2em; font-weight:normal; margin-top:0;}
#hoverpage ul#outer li div h3.clear {clear:left;}
#hoverpage{width: 700px;height: 200px;border: none;margin-bottom: 5px;background: #fff;position: relative;z-index: 10;overflow: hidden;text-align: left;}
#hoverpage table{border-collapse: collapse;margin: -1px;}
#hoverpage ul#outer{background: transparent;padding: 0;margin: 0;list-style: none;}
#hoverpage ul#outer li.page{display: inline;}
/* needed for IE to function correctly*/
#hoverpage ul#outer li.page a.menuitem {text-decoration:none;}

#hoverpage ul#outer li.page i {position:absolute; display:block; height:25px; right:530px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#080; font-style:normal; cursor:pointer;}

#hoverpage ul#outer li.p1 i {top:30px;}
#hoverpage ul#outer li.p2 i {top:55px;}
#hoverpage ul#outer li.p3 i {top:80px;}
#hoverpage ul#outer li.p4 i {top:105px;}
#hoverpage ul#outer li.p5 i {top:130px;}


#hoverpage ul#outer li.page div {display:block; width:650px; height:auto; padding:25px; font-weight:normal; color:#444;}
#hoverpage ul#outer li.p1 div {background:#fff url(../images/page1_back.jpg);}
#hoverpage ul#outer li.p2 div {background:#fff url(../images/page1_back.jpg);}
#hoverpage ul#outer li.p3 div {background:#fff url(../images/page1_back.jpg);}
#hoverpage ul#outer li.p4 div {background:#fff url(../images/page1_back.jpg);}
#hoverpage ul#outer li.p5 div {background:#fff url(../images/page1_back.jpg);}

#hoverpage ul#outer li div img {border:1px solid #888; float:right; margin:0 10px 5px 0;}
#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
#hoverpage ul#outer li div a {color:#00c; text-decoration:underline;}
#hoverpage ul#outer li div em {display:block; width:190px; height:230px; float:left; background:transparent url(../images/current.gif) no-repeat; margin-right:10px;}

#hoverpage ul#outer li.p1 div em {background-position: 21px 0;}
#hoverpage ul#outer li.p2 div em {background-position: 21px 25px;}
#hoverpage ul#outer li.p3 div em {background-position: 21px 50px;}
#hoverpage ul#outer li.p4 div em {background-position: 21px 75px;}
#hoverpage ul#outer li.p5 div em {background-position: 21px 100px;}

#hoverpage ul#outer li.page div a:hover {text-decoration:none;}

#hoverpage ul#outer li.page a:hover {white-space:normal;} /* for IE6 */

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}
#hoverpage ul#outer a:hover i {color:#66a; font-weight:bold;} /* for IE6 */
#hoverpage ul#outer :hover a i {color:#66a; font-weight:bold;}

#hoverpage ul#outer div ul li {line-height:20px; font-size:0.9em; color:#256; list-style-type:disc;}
#hoverpage ul#outer div ul li a {line-height:20px; font-size:1.1em; color:#c00;}

#hoverpage ul#outer div dl dd {line-height:20px; font-size:1.1em; color:#448;}
#hoverpage ul#outer div dl dt {line-height:30px; font-size:1.3em; color:#333;}
.hovcon{position: absolute;}