/* CSS Document */
* {
font-size: 12px;
margin: 0;
padding: 0;
border: 0;
}
span {
color:#990000;
}
a {
color:#000;
text-decoration: none;
}

a:visited {
color:#000 ;
text-decoration:none
}

a:hover {
color:#999;
text-decoration: none;
}

html,body{ 
height:100%;
font-family:"宋体", sans-serif;
color: #000;
text-align:center; 
}

fieldset {
border:0;
}

legend {
display:none;
}

#box {
text-align:center;
width: 976px;
margin: 0 auto;
position: relative;
}


#head{ 
width:976px;
}

#ad{
clear:both;
width:976px;
margin:8px 0 10px 0; 


}

#content{

margin:10px 0 10px 0;
width:976px;
}

#contentpro
{

margin:0px 0 10px 0;
width:976px;
}


#foot{
clear:both;
width:976px;
}

#promatter{
width:976px;
clear:both;
}







/*index   css*/

#left-index {
float:left;
width:192px;
margin:10px 0 5px 0;
}

.left-head{
float:left;
width:194px;
height:39px;
background:url(../img/indexbg.gif) no-repeat 0 -125px ;
overflow:hidden;}

.left-head p {
float:left;
background:url(../img/indexbg.gif) no-repeat 0 -1730px; 
text-align:left;
padding:15px 0 0 30px;
font-size:14px;
font-weight:bold;
color:#0A466C;
}

.left-boder {
clear:left;
float:left;
width:194px;
height:1256px;
background:url(../img/indexbg.gif) no-repeat 0 -190px;
overflow:hidden;
}


.left-word {
/*/ selector {margin-top:5px  } /**/
margin-top:10px;
float:left;
width:189px;

}

.left-word  ul li{
text-align:center;
list-style:none;
float:left;
padding-left:10px;
line-height:180%;
white-space:nowrap;
}

.left-word p{
background:url(../img/indexbg.gif) no-repeat 0 -1721px;
padding-left:20px;
font-size:13px;
font-weight:bold;
color:#104793;
text-align:left;
}

.left-word a{
color:#0E5EA2;
}

.left-word a:hover{
color:#87C1F2
}

#index-head{
clear:right;
float:right;
width:772px;
margin:10px 0 0 10px !important;

}

#iheadleft{
float:left;
width:560px;}



#index-ad{
text-align:left;
float:left;
width:560px;
margin-top:-3px
}



#brand{
clear:left;
margin-top:5px;
float:left;
width:560px;
}

.brandlr {
float:left;
width:100%;
height:24px;
background:url(../img/indexbg.gif) repeat-x 0 -67px
}

.brandlr p {
width:161px;
padding:8px 0 0 15px;
float:left;
text-align:left;
background:url(../img/indexbg.gif) no-repeat 0 0;
font-size:14px;
font-weight:bold


}

.brandlr span {
float:right;
text-align:left;
padding:8px 10px 0 0;
background:url(../img/indexbg.gif) no-repeat 100% 0
}

.brandlr span a {
color:#FFF
}

.brandside {
text-align:center;
float:left;
width:548px;
padding-left:10px;
border-left:#D2D2D2 1px solid;
border-right:#D2D2D2 1px solid;
border-bottom:#D2D2D2 1px solid
}

.brandshow {
float:left;
width:97px;
padding:39px 0 0 9px;
text-align:center;}

.brandshow img {
border:1px #000 solid
}

.brandshow h1 {
text-align:center;
font-weight:normal;
padding-top:2px
 }
 
 #ad-banner {
clear:right;
float:right;
width:772px;
margin:10px 0 0 10px 
 }
 
 
#ad-banner img {
width:772px;
}


#index-foot{
clear:right;
float:right;
width:772px;
margin:10px 0 10px 10px !important
}

#pro-index{
margin:3px 0 0 0!important;
float:left;
width:560px;}

.prolr {
float:left;
width:100%;
height:27px;
background:url(../img/indexbg.gif) repeat-x 0 -1569px;
overflow:hidden;
}

.prolr p {
width:137px;
padding:5px 0 0 13px;
float:left;
text-align:left;
height:27px;
background:url(../img/indexbg.gif) no-repeat 0 -1512px;
font-size:14px;
font-weight:bold;
color:#FFF


}

.prolr span {
height:27px;
float:right;
text-align:left;
padding:5px 10px 0 0;
background:url(../img/indexbg.gif) no-repeat 100% -1512px
}

.prolr span a {
color:#000
}

.proside {
padding:0 0 10px 15px;
text-align:right;
float:left;
width:543px;
border-left:1px solid #C5C2C2;
border-right:1px solid #C5C2C2;
border-bottom:1px solid #C5C2C2
}



#iheadright{
margin-right:3px !important;
margin-right:-2px;
text-align:center;
float:right;
width:200px;}

#tel{
width:200px;
float:left;
border:#0574C8 1px solid;

}

#tel ul li{
list-style:none;
padding:5px 8px 5px 8px!important;
padding:8px 0px 8px 10px;
float:left}


#tel p {
float:left;
width:191px;
height:55px;
background:url(../img/indexbg.png) no-repeat -10px -2133px
}


#tel span {
}

#indexbutt{
float:left;
width:84px;
height:21px;
background:url(../img/indexbg.gif) no-repeat -13px -2197px}

#indexbutt1{
float:left;
width:84px;
height:21px;
background:url(../img/indexbg.gif) no-repeat -111px -2197px}


#indexbutt2{
float:left;
width:84px;
height:21px;
background:url(../img/indexbg.gif) no-repeat -13px -2225px}


#indexbutt3{
float:left;
width:84px;
height:21px;
background:url(../img/indexbg.gif) no-repeat -111px -2225px}


#indexbutt4{
float:left;
width:84px;
height:21px;
background:url(../img/indexbg.gif) no-repeat -13px -2253px}


#indexbutt5{
float:left;
width:84px;
height:21px;
background:url(../img/indexbg.gif) no-repeat -111px -2253px}

#ad-small {
float:left;
width:200px;
text-align:center;
padding:5px 6px 5px 0
}
#ad-small img {
width:200px
}

#new {
float:left;
width:200px
}


.newhead{
overflow:hidden;
float:left;
width:100%;
height:24px;
background:url(../img/indexbg.gif) repeat-x 0 -67px ;}

.newhead p {
float:left;
width:161px;
background:url(../img/indexbg.gif) no-repeat 0 0;
text-align:left;
padding:8px 0 0 15px;
font-size:14px;
font-weight:bold

}

.newhead span {
width:11px;
padding:7px 10px 0 0;
background:url(../img/indexbg.gif) no-repeat 100% 0;
float:right;}

.newsboder {
float:left;
width:198px;
border-left:#2C5D97 1px solid;
border-right:#2C5D97 1px solid;
border-bottom:#2C5D97 1px solid
}

.newsboder li {
text-align:left;
list-style:none;
padding:5px 0  3px 15px
}

#art-index {
margin-top:10px;
float:left;
width:200px
}

.artlr {
float:left;
width:100%;
height:27px;
background:url(../img/indexbg.gif) repeat-x 0 -1661px
}

.artlr p {
font-size:13px;
font-weight:bold;
float:left;
padding:10px 0 0 10px;
background:url(../img/indexbg.gif) no-repeat 0 -1620px
}

.artlr span{
padding:10px 10px 0 0;
float:right;
background:url(../img/indexbg.gif) no-repeat 100% -1620px
}

.artside {
padding-bottom:3px !important;
padding-bottom:4px;
float:left;
width:198px;
border-left:#CCC 1px solid;
border-right:#CCC 1px solid;
border-bottom:#CCC 1px solid
}
.a_in{
width:90%;
float:left;
margin:10px 0 0 5px !important;
margin:5px 0 0 5px
}

.a_in li {
list-style:none;
padding:5px 0 6px 5px !important;
padding:5px 0 1px 8px;
line-height:160%;
width:118px;
height:30px;
background:url(../img/technic.gif) no-repeat -362px -113px;
}

.a_in a{
color:#FFFFFF;
text-decoration:none
}

.a_w{
float:left;
text-align:left;
margin:2px 0 0 10px;
}

.a_w li{
list-style:none;
padding:3px 0 0px 5px !important;
padding:1px 0 0px 8px;
}

.a_in span {
font-weight:bold;
}
.a_in p{
padding-right:40px;
font-weight:bold;
font-size:14px}

#artbutt{

float:left;
width:89px;
height:28px;
background: url(../img/indexbg.png) no-repeat 100% -2088px
}

#headfootl{
margin-right:2px !important;
margin-right:0px;
float:right;
width:200px
}


#community {
float:left;
width:200px;
margin-bottom:10px
}

.communityheadlr{
float:left;
width:100%;
height:27px;
background:url(../img/indexbg.gif) repeat-x 0 -1661px
}

.communityheadlr p {
font-size:13px;
font-weight:bold;
float:left;
padding:10px 0 0 10px;
background:url(../img/indexbg.gif) no-repeat 0 -1620px
}

.communityheadlr span {
padding:10px 5px 0 0;
float:right;
color:#000;
background:url(../img/indexbg.gif) no-repeat 100% -1620px
}

.communityboder {
float:left;
width:198px;
border-left:#CCC 1px solid;
border-right:#CCC 1px solid;
border-bottom:#CCC 1px solid
}

.communityboder li{
list-style:none;
padding:6px 0 3px 19px;
text-align:left;

}





#web {
margin-top:10px;
float:left;
width:200px;
}

.webhead {
float:left;
width:100%;
height:27px;
background:url(../img/indexbg.gif) repeat-x 0 -1661px}

.webhead p {
font-size:13px;
font-weight:bold;
float:left;
padding:10px 0 0 10px;
background:url(../img/indexbg.gif) no-repeat 0 -1620px
}

.webhead span {
padding:10px 5px 0 0;
float:right;
color:#000;
background:url(../img/indexbg.gif) no-repeat 100% -1620px
}

.webboder{
float:left;
width:198px;
border-left:#CCC 1px solid;
border-right:#CCC 1px solid;
border-bottom:#CCC 1px solid
}

.webboder li{
float:left;
list-style:none;
text-align:left;
padding:6px 0 4px 10px}

#webbutt{
float:left;
width:89px;
height:30px;
background: url(../img/indexbg.png) no-repeat 0 -2088px
}




/* 产品图片的显示，带阴影的 */


.showprokind{
float:left;
width:100px;
height:131px;
margin-left:5px !important;
margin-bottom:10px

}

.showprokind ul li{
list-style:none;
text-align:center;


}
.showprokind span
{
color:#999;
}

.proshowkind
{
                   
				  background:url(../img/shadowAlpha.png) no-repeat bottom right !important;
				  background: url(../img/shadow.gif) no-repeat bottom right;
				  margin: 10px 0 2px 10px !important;
				  margin: 10px 0 2px 2px;
				  width: 92px;
				  
				  
}

.proshowkind img{
				display: block;
				width:90px;
				height:76px;
				background-color: #fff;
				border: 1px solid #ccc;
				margin: -6px 6px 6px -6px;
				
			}
			
			


/* 产品图片的显示，带阴影的 */


.showprokindl{
float:left;
width:100px;
height:75px;
margin-left:7px !important;
margin-left:5px;
margin-bottom:10px;
margin-top:5px


}

.showprokindl ul li{
list-style:none;
text-align:center;


}
.showprokindl span
{
color:#999;
}

.proshowkindl
{
                   
				  background:url(../img/shadowAlpha.png) no-repeat bottom right !important;
				  background: url(../img/shadow.gif) no-repeat bottom right;
				  margin: 10px 0 2px 2px !important;
				  margin: 10px 0 2px 0px;
				  width: 97px;
				  
				  
}

.proshowkindl img{
				display: block;
				width:100px;
				height:40px;
				background-color: #fff;
				border: 1px solid #ccc;
				margin: -6px 6px 6px -6px;
				
			}			
			
			
	
/* brand show*/	

.retitleshow{
float:left;
width:100px;
margin:0 7px 0 7px !important;

}

.retitleshow ul li{
list-style:none;
text-align:center;

}
.retitleshow span
{
padding-left:8px;
color:#999;
}

.retitleshow img{
				
				width:100px;
				height:40px;
				background-color: #fff;
				border: 1px solid #ccc;
				margin: 10px 6px 3px 5px !important;
				margin: 10px 0px 3px 0px
				
			}
		

/* brand rightinfcoshow */

.rightinfcoshow{
float:right;
width:158px;
margin:0 6px 5px 0 !important;
margin:10px 3px 0 0 

}

.rightinfcoshow ul li{
list-style:none;
text-align:center;

}
.rightinfcoshow span
{
padding-left:8px;
color:#999;
}

.rightinfcoshow img{
				
				width:70px;
				height:60px;
				background-color: #fff;
				border: 1px solid #ccc;
				margin: 10px 6px 3px 5px !important;
				margin: 10px 0px 3px 0px
				
			}

/* head    css*/



#buy{
width:976px
}


#buy ul{
float:right;
margin: 0; 
padding: 0;

}

#buy ul li{
float:left; 
margin:10px;
list-style:none;
}

#buy a {
color:#FF6600;
}

#menu{
clear:both;
width:976px;
}

.logo{
width:254px;
float:left;

}

.menumos{
float:right;
width:722px;
font-size:93%;
line-height:40%;
}

.menumos ul{
margin:0;
padding:28px 0 0 90px;

	}

.menumos  li {
 list-style:none;
 display:inline;
 margin:0;
 padding:0;
	  }

.menumos a{
 float:left;
 background:url(../img/tableftB.gif) no-repeat left top;
 margin:0;
 padding:0 0px 0 4px;
 text-decoration:none
}

.menumos a span{
      color:#FFF;
      display:block;
      background:url(../img/tabrightB.gif) no-repeat right top;
      padding:14px 14px 8px 13px;
      
	  }


	  
.menumos  a:hover {
      background-position:0% -37px;
      }
	  
     
.menumos a:hover span {
      color:#FFF;
      background-position:100% -37px;
	  }
	  
.tab{
background:url(../img/tabhead.gif) no-repeat top left;


}	  
	  
#search{
width:976px;
float:left;
background:url(../img/prome_head_search_bg.gif) repeat-x 0 -90px;
}
	
.searchl{
float:left;
height:75px;
width:7px;
background:url(../img/prome_head_search_bg.gif) no-repeat 0 0;
}  
 
.searchr{
float:right;
height:75px;
width:7px;
background:url(../img/prome_head_search_bg.gif) no-repeat 100% 0;
}  

.searchmos{
position:relative;
width:700px;
margin:9px 0 0 100px;

}

#submitButton {
background:url(../img/serach_butt.gif) no-repeat;
width:55px;
height:26px;
border:0 ;
cursor: pointer;
}	
.searchAuto{
text-align:center;
margin:10px 5px 0 5px;
float:left

}

.searchAuto ul li{
float:left;
list-style:none;
padding:0 3px 0 3px
}

.searchAuto span {
color:#FFF;

}

.hotSearch{
float:left;
margin-top:2px

}

.hotSearch span {
color:#FFF;
padding-left:10px

}

.hotSearch a{
color:#FFFFFF
}

.hotSearch a:visited {
color:#fff ;
text-decoration:none
}

.hotSearch a:hover {
color:#fff ;
text-decoration:none
}

/*foot css*/

#foot{
margin-top:8px;
}

.foot_serach{
float:left;
width:976px;
border:1px #ccc solid;

}

.listfoot{
padding:0 0 0 10px;
float:left;
width:15%;

}


.listfoot li{
text-align:center; 
list-style:none;
padding:5px
}
.listfoot span {
font-size:13px; 
font-weight:bold; 

}

.help{
font-weight:bold;
float:left;
padding:10px 0 5px 0;
width:976px;
border-left:1px #ccc solid;
border-right:1px #ccc solid;
border-top:1px #ccc solid;
background-color:#EDEDED
}


.wordsearch{

padding:10px 0 5px 0;
width:976px;
float:left;
border-left:1px #ccc solid;
border-right:1px #ccc solid;
border-top:1px #ccc solid;
}

.wordsearch span {
font-weight:bold;
font-size:13px}

.link {
width:976px;
float:left;
background-color:#F8F8F8;
border-left:1px #ccc solid;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
}

.link ul {
margin:0;
padding:0
}

.link ul li {
list-style:none;
float:left;
margin:10px
}

.link img{
width:100px;
height:40px
}

.prome_menu_foot{
border-bottom:1px #ccc dotted;
float:left;
width:976px;
}

.prome_menu_foot ul {
padding:0px 0 30px 100px;
}

.prome_menu_foot li {

float:left;
list-style:none;
margin:10px;
text-align:center
}

.footdrees{
width:976px;
float:left;
padding-top:10px;
}

.footdrees p
{
text-align:center;
line-height:20px
}

.footdrees ul li {
text-align:center;
margin:10px
}

.footline{
border-bottom: 2px solid #666666}

/* pro css*/


#leftmenu {
margin:10px 0 8px 0;
width:790px;
float:left;
border:1px #CCC solid;
}

.leftmenutitle{
text-align:left;
padding:5px 5px 5px 5px;
font-size:14px;

font-weight:bold;
color:#3771AA;
background:url(../img/serach_bg.gif) repeat-x left top 
}

.leftmenucon{
float:left;
width:95%;
text-align:left;
white-space:nowrap;
margin:10px 0 10px 20px !important;
margin:10px 0 10px 10px;
}

.leftmenucon span {
text-align:left;
color:#000099;
font-size:14px;
font-weight:bold;
background:url(../img/button.gif) no-repeat 0 -15px;
padding-left:20px;
}

.pl{
float:left;
width:100%;
white-space:nowrap;
padding-top:5px
}


.pl h1 a {
color:#FF6600;
text-decoration:none;
white-space:nowrap
}

.pl h1{
float:left
}



.pl li {
float:left;
list-style:none;
text-indent:8px;
line-height:30px;
text-align:left;
word-wrap:break-word;
}

#sel{
border:#ccc 1px solid
}


/* 当前位置  searchplace */
.searchplace{
margin:2px 0 10px 0;
clear:left;
float:left;
width:976px;
background:url(../img/standard.png) 0 -40px;


}

.searchword{
margin:10px 0 0 0;
float:left;
}

.searchword span {
width:6px;
height:8px;
background:url(../img/standard.png) -2px -102px;
}

.searchword li{
list-style:none;
float:left;
padding:0 0 0 5px}

.online{
float:right;
text-align:center;
background:url(../img/QQbg.gif) no-repeat left;
width:361px;
height:33px;
}

.online li {
text-align:center;
list-style:none;
float:left;
padding:5px 5px 0 20px}

   
.brandselect ul{list-style:none;}    
.brandselect li {float:left;position:relative;}    
.brandselect ul ul {visibility:hidden;position:absolute;top:20px;}    
.brandselect table {position:absolute; top:0; left:-2px;}    
.brandselect ul li:hover ul,    
.brandselect ul a:hover ul{visibility:visible; background:#FFF}    
.brandselect a{display:block;padding:1px 10px;margin:3px;color:#000;text-decoration:none;}    
.brandselect a:hover{color:#ccc;}    
.brandselect ul ul{}    
.brandselect ul ul li {clear:both;text-align:left;font-size:12px;}    
.brandselect ul ul li a{display:block;width:136px;margin:0;border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}     
.brandselect{
float:right;
margin:10px 40px 0 40px ;
width:158px;
height:22px;
background:url(../img/standard.png) 0 -78px;
}



.brandwordad{
float:right;
margin:10px 40px 0 40px ;
width:158px;
height:22px;
}




/* prome css */

#promemune{
width:974px;
float:left;
font-weight:normal;
text-align:left;
padding:10px 0 10px 0;
background:url(../img/serach_bg.gif) repeat-x;
border:1px solid #D8D7D7;

}


.promemenuson{
width:98%;
margin:10px 10px 10px 10px !important;
margin:10px 10px 10px 5px;
float:left;
white-space:nowrap; 
border-bottom:#CCCCCC 1px dotted
}

.promemenuson span {
font-size:13px;  
color:#FE620B; 
font-weight:bold
}


.promemenuson  li {
list-style:none;
padding:10px;
line-height:30px;
text-align:left;
float:left;
white-space:nowrap; 
}

.promemenusonl{
width:97%;
margin:10px 0 0 10px !important;
margin:10px 0 0 5px;
float:left;
text-align:left;

}

.promemenusonl span {

font-size:13px;  
color:#FE620B; 
font-weight:bold
}



.promemenusonl  li {
list-style:none;
padding:10px;
line-height:30px;
text-align:left;
float:left;
white-space:nowrap; 
}




#conleft{
margin:10px 0 10px 0;
float:left;
width:740px;
}

.left {
float:left;
width:790px;
font-size:93%;
line-height:20%;
border-bottom:#2D609B 2px solid; 
}

.left ul{
margin:0;
	}
	
.left ul li {
 float:left;
 list-style:none;
 display:inline;
 margin:0;
 padding:0;
	  }

.left a{
 float:left; 
 background:url(../img/menu_buttl.gif) no-repeat left top;
 margin:0;
 padding:0 2px 0 4px;
 text-decoration:none
}

.left a span{
      display:block;
      background:url(../img/menu_buttr.gif) no-repeat right top;
      padding:15px 12px 8px 12px;
      color:#fff
	  }
	  
.left  a:hover span {
      color:#000;
      }
	  
.left  a:hover {
      background-position:0% -25px;
      }
	  
.left a:hover span {
      background-position:100% -25px;
	  }
	  
.h{
float:right;
 font-size:12px; font-weight:normal
}

.h a{
background:#FFF;
padding:2px 0 0 10px;
line-height:10%}

	  
.taxis{
float:left;
width:100%;
}

.taxis ul {
margin:0;
padding:2px 0 0 0;
}

.taxis ul li {
line-height:160%;
float:left;
margin:10px;
list-style:none
}

#subproButton {
background:url(../img/butt.gif) no-repeat;
width:118px;
height:31px;
margin:0 0 3px 0px;
border:0 ;
cursor: pointer;
}	
.taxis a {
color:#FE620B; text-decoration:underline;
}

.taxis a:hover {
color:#73A566; text-decoration:none
}

.con {
width:100%;
float:left;
border-bottom:1px #CCC dotted
}

.con ul {
padding:10px 3px 0 0
}
.con ul li {
text-align:left;
float:left;
list-style:none;
line-height:170%;
margin:5px;

}

.con img {
width:90px;
height:76px;
border:1px solid #666;

}

.con a {
color:#FE620B;
 }
 
.con a:hover {
color:#73A566;

}

.con span {
width:89px;
height:24px
}


#login{
margin:10px 0 0 0}









/*product css*/

#procontent{
float:left;
width:790px
}

.prointro{
width:790px;
float:left;

}

.proshow{
float:left;
width:204px;
}

.proshow ul{
margin:0;
padding:0;
}

.proshow ul li{
white-space:nowrap;
list-style:none;
margin:5px
}

.proshow img {
width:195px;
height:150px;
border:1px #000 solid
}

.proshow span {
background-color:#EEE;
padding:2px 2px 2px 2px
}

.down{
border:#CCC 1px solid;
background:url(../img/serach_bg.gif) top left no-repeat
}
.down ul li {
text-align:left;
list-style:none;
line-height:150%
}



.prointorsizetitle{
float:left;
padding:5px 0 5px 10px;
}

.prointorsizetitle h1{
padding-left:5px;
font-size:14px
}

.prointorsizecon{
width:570px;
float:left;
background:#eee;
margin:6px 0 0 10px

}

.prointorsizecon  ul li {
list-style:none;
float:left;
padding:4px 4px 4px 4px;


}
.prointorsizecon span { 
font-size:13px; 
color:#000; 
font-weight:bold
}

.prointorsizeconbg{
width:570px;
float:left;
margin:0 0 0 10px
}

.prointorsizeconbg ul li {
list-style:none;
float:left;
padding:10px 4px 4px 4px;

}

.prointorsizeconbg img {
padding:0 50px 0 50px
}

.prointorsizeconbg span {
font-size:13px; 
color:#000; 
font-weight:bold
}

.prointorbg{
float:left;
width:566px;
margin:6px 0 0 10px;
border:1px #CBE6FB solid;
}

.prointorbg li {
float:left;
list-style:none;
text-align:left;
line-height:150%;
padding:10px 10px 4px 10px;

}
.prointorbg span {
color:#00AF12

}



.prowrite{
width:770px;
float:left;
text-align:left;
border:#CCC 1px solid;
background:#EEE;
padding:5px;
margin:10px 0 10px 0;

}
.prowrite p{
font-weight:bold;
font-size:14px;
padding-left:5px
}


.prowritematter{
line-height:200%;
float:left;
padding:5px 0 0 10px;
border-top:#CCC 1px solid; 
width:760px;
background:#FFF;

}

.prowritematter span {
color:#000;
padding:0 5px 0 5px
}



	.bbs{
			width:780px;
			float:left
			}
			
			.commentAction ul li {
			text-align:left;
			list-style:none;
			float:left;
			white-space:nowrap;
			
			
			
			}
			.comword {
			font-size:14px;
			font-weight:bold
			}
			
			.commentActionmatter{
			float:left;
			width:100%
			 }
			.commentActionmatter ul li{
			text-align:left;
			list-style:none;
			line-height:150%;
			margin:5px
			
			}
			
			
.commentActionmatter p{
background:#E5E5E5
}

.commentActionmatter span {
text-align:right;
color:#999
}

.box_titel{
float:left;
width:700px
}

.box_titel li{
list-style:none;
line-height:200%;
text-align:left;
margin:10px}


#bt_comment {
     width:66px;
	 height:19px;
    background:url(../img/buttbbs.gif) no-repeat;    
}


#buycar{
margin:10px 0 0 10px;
float:right;
width:200px;
}






/* brand css*/

#bcontents{
float:left;
clear:left;
width:976px;
margin:10px 0 10px 0
}

#contentsleft {
float:left;
width:790px;
}

.recomm{
margin-top:10px;
float:left;
border:#B3D5EB 4px solid;
width:780px
}

.retitle {
float:left;
width:72px;
height:64px;
background:url(../img/standard.png) no-repeat 0 -140px
}
.round{
float:left;
clear:left;
width:782px
}

.br{
float:left;
width:789px;
background:url(../img/technic.png) no-repeat 0 -266px;
height:33px

}



.wordfind {
margin:5px 0 0 10px !important;
margin:5px 0 0 5px;
float:left;
}

.wordfind li {
list-style:none;
float:left;
font-size:14px;
font-weight:bold;
background:url(../img/standard.png) no-repeat 100% -102px;
padding:2px 8px 3px 16px
}

#brandwordser{
margin-top:20px;
float:left;
clear:left;
width:780px
}

#brandwordser span {
padding-top:2px;
float:left;
font-size:14px;
font-weight:bold;
color:#000;
width:21px;
height:31px;
background:url(../img/standard.png) no-repeat 100% -102px
}

#brandwordser img{
width:13px;
height:18px;
float:right;
background-position:100% 140px;
overflow:hidden
}

#brandwordconter{
float:left;
width:780px;
border-top:2px solid #B4CBEA;
background-color:#F6F6F6
}



#brandwordconter li {
float:left;
list-style:none;
white-space:nowrap;
padding:5px 5px 5px 20px;
}

#contentsright {
margin:0px 0 10px 0;
float:right;
clear:right;
width:172px
}

.bra{
border:1px solid #D3D3D3;
float:right;
width:170px;

}

#brandinf{
float:right;
width:172px;
margin-top:10px;
}

.rightinfco{
float:right;
margin:5px 6px 10px 0 !important;
margin:5px 3px 0 0
}

.rightinfco span{
float:left;
width:158px;
height:15px;
font-size:13px;
font-weight:bold;
color:#FFF;
background:url(../img/standard.png) no-repeat 0 0;
padding-top:4px;
overflow:hidden
}

.hoverbox{
width:158px;
margin:0 6px 5px 0 !important;
margin:10px 3px 0 0
float:right;
}
.hoverbox li{
list-style:none;
padding:10px 0 5px 0
}

.hoverbox a {
color:#FF9900
}

.rightinfbala{
float:right;
width:158px;
margin:5px 6px 5px 0 !important;
margin:10px 3px 0 0;
border-top:1px dotted #CCC
}
.rightinfbala li{
text-align:center;
list-style:none;
float:left;
padding:5px 0 5px 30px
}

.rightinfbala span {
width:24px;
height:20px;
background:url(../img/standard.png) no-repeat -110px -140px;
padding:0 0 0 17px
}

.rightinfbutt
{
width:158px;
margin:0 6px 5px 0 !important;
margin:10px 3px 0 0
float:right;
}
.rightinfbutt li{
list-style:none;
padding:10px 0 5px 0;
background:url(../img/standard.png) no-repeat 7px -220px;
}



/*companypro css*/

#procompany{
margin-top:10px;
float:left;
width:780px;}

.procolr {
float:left;
width:100%;
height:27px;
background:url(../img/indexbg.gif) repeat-x 0 -1569px;
overflow:hidden;
}

.procolr p {
width:137px;
padding:5px 0 0 13px;
float:left;
text-align:left;
height:27px;
background:url(../img/indexbg.gif) no-repeat 0 -1512px;
font-size:14px;
font-weight:bold;
color:#FFF


}

.procolr span {
height:27px;
float:right;
text-align:left;
padding:5px 10px 0 0;
background:url(../img/indexbg.gif) no-repeat 100% -1512px
}

.procolr span a {
color:#000
}

.prosideco {
padding:0 0 2px 15px;
text-align:right;
float:left;
width:763px;
border-left:1px solid #C5C2C2;
border-right:1px solid #C5C2C2;
border-bottom:1px solid #C5C2C2
}

.companyright{
float:right;
width:158px;
margin:5px 6px 5px 0 !important;
margin:10px 3px 0 0;
border-top:1px dotted #CCC
}
.companyright li{
text-align:center;
list-style:none;
float:left;
padding:5px 0 5px 20px
}

.companyright p {
padding-top:5px
}

/*help css*/

#helpleft{
width:178px;
float:left;
}

.helpmenu{
float:left;
width:178px;
height:40px;
background:url(../img/help.png) no-repeat 0 0;
overflow:hidden
}

.helpmenu span {
margin:10px 5px 5px 10px;
padding:5px 5px 5px 20px;
font-size:14px;
font-weight:bold;
float:left;
color:#23467B;
background:url(../img/button.gif) no-repeat 0 -12px
}

.helpside {
float:left;
width:178px;
background:url(../img/helpline.png) repeat-y 0 -60px
}

.helpmenukind{
float:left;
width:160px;
}

.helpmenukind span {
padding:10px 0 10px 0;
margin:5px 0 0 5px;
color:#fff;
font-size:13px;
font-weight:bold;
float:left;
width:160px;
background:url(../img/button.gif) no-repeat 0 -50px
}

.helpmenukind ul{
margin:10px 0 10px 10px ;

}


.helpmenukind  li {
width:160px;
list-style:none;
border-bottom:1px #CCC dotted;
padding:10px 0 10px 0 ;

}

.helpmenufoot{
float:left;
width:178px;
height:17px;
background:url(../img/help.png) repeat-y 0 -60px;
margin-bottom:10px;
}

#helpright{
float:right;
width:763px;
clear:right
}

.helprighttitle {
float:left;
width:763px;
height:32px;
background:url(../img/button.gif) no-repeat 0 -98px

}

.helprighttitle span{
float:left;
padding:10px 0 0 10px;
color:#FFF;
font-size:14px;
font-weight:bold}

.helprighttitlel {
float:left;
width:763px;
height:32px;
background:url(../img/button.gif) no-repeat 0 -98px

}

.helprighttitlel span{
float:left;
padding:10px 0 0 10px;
color:#FFF;
font-size:14px;
font-weight:bold}

.helprighttitleword{
float:left;
width:763px;
padding:10px 0 10px 0;
text-align:left;
}

/*mylink css*/

.helprighttitle ul{
float:right;
margin:0px 0 0 0px;
}

.helprighttitle li{
float:left;
list-style:none;
padding:0 10px 0 15px;
background:url(../img/button.gif) no-repeat 0 -136px
}

.helprighttitlel ul{
float:right;
margin:10px 0 0 0px;
}

.helprighttitlel li{
float:left;
list-style:none;
padding:0 10px 0 15px;
background:url(../img/button.gif) no-repeat 0 -136px
}

.helprighttitlelink {
float:left;
border:1px solid #CCC;
width:763px;
margin-bottom:10px
}

.linkmysear{
margin-top:5px;
width:763px;
float:left;
border-bottom:1px dashed #ccc
}

.linkmysear li{
float:left;
list-style:none;
padding:2px 5px 0 10px
}

.linkmycon{
float:left;
width:763px;
margin:10px 0 10px 0
}

.linkmycon p {
float:left;
color:#FF6600;
font-size:14px;
font-weight:bold}

.linkmycon td {
height:30px;
text-align:center;
border-bottom:2px solid #CCC;
padding-top:10px}
 
.dow1 {
padding:0 0 0 15px;
background:url(../img/help.png) no-repeat 0 -90px
}
.dow {
padding:0 0 0 15px;
background:url(../img/help.png) no-repeat 0 -127px}

.mymoncon{

float:left;
border-right:1px solid #CCC;
width:46%;
line-height:200%;
text-align:center;
white-space:nowrap}

.mymonconchong {

float:left;
width:46%;
line-height:200%;
white-space:nowrap;
text-align:center;
}

.mymonconchong p {
padding-left:10px;
font-size:14px;
font-weight:bold;
color:#FF3300
}

.m_1{

float:left}

.myinfamd{
text-align:center;
width:80%;
margin:10px 0 10px 0px;
background:#F9F9F9
}

.myinfamd li {
list-style:none;
padding:10px 0 10px 50px }



.myinfamd td {
height:40px;
}

.ticktword{
font-weight:bold;
color:#000
}

.ticktwordbei{
color:#2B74D3}

.myinfaline{
border-bottom:2px dotted #CCC
}

.btn1_mouseout {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}
.btn1_mouseover {
BORDER-RIGHT: #7EBF4F 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7EBF4F 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CAE4B6); BORDER-LEFT: #7EBF4F 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7EBF4F 1px solid
}

/*business css*/

#businessline{
float:left;
border-top:#2A79B1 1px solid;
background:#08A2E8;
height:10px;
width:976px
}

#businessleft{
float:left;
width:450px;
margin-bottom:10px;
border-right: 1px solid #DDD
}

#businessleft span {
padding:10px 0 30px 50px;
font-size:14px;
font-weight:bold;
color:#000}

.busiword{
color:#666
}

#submitButtonyes{
background:url(../img/buttonyes.gif) no-repeat;
width:50px;
height:22px;
cursor:pointer}

#submitButtonno{
background:url(../img/buttonno.gif) no-repeat;
width:50px;
height:22px;
cursor:pointer
}

.businessword{
color:#CC0000
}

.businesswordbutt{
color:#000099
}

#businessright{
float:right;
clear:right;
width:500px;
}

#businessright span{
font-size:14px;
font-weight:bold;
}

.businesscon{
float:left;
margin:20px 0 0 0;

}

.businesscon p{
font-size:14px;
color:#008AFF;
font-weight:bold
}

.businesscon span {
padding:0 0 0 20px;
float:left;
width:114px;
height:15px;
background:url(../img/help.png) no-repeat 100% -95px
}

.businessboderl {
float:left;
width:500px;
height:10px;
background:url(../img/button.gif)  no-repeat 0 -250px !important;
background:url(../img/button.gif)  no-repeat 0 -245px
}
.businesdies {
float:left;
width:500px;
padding:0px 0 0px 5px;
line-height:150%;
background:url(../img/business.gif)  repeat-y;

}

.aut{
text-align:left;
width:480px;
height:200px;
scrollbar-base-color:#FF9900; 
scrollbar-face-color:none; 
scrollbar-arrow-color:none; 
scrollbar-track-color:#ffefff; 
scrollbar-3dlight-color:#ffffff; 
scrollbar-darkshadow-color:#ffffff; 
scrollbar-highlight-color:#f5d8f5; 
scrollbar-shadow-color:#e5c8e5;
overflow: auto }

.businessboderbottom{
float:left;
width:500px;
height:10px;
background:url(../img/button.gif)  no-repeat 0 -270px;}

.businessbutton {
float:left;
width:500px
}

.businessbutton li{
float:left;
list-style:none;
line-height:40px;
padding:10px 0 5px 10px;
}

#submitButtonbusiness {
background:url(../img/help.png) no-repeat 100% -195px;
width:123px;
height:40px;
border:0 ;
cursor: pointer;
}

/*land css*/

#contentland{
float:left;

width:976px;
margin-top:10px
}

.landtitle {
float:left;
margin-left:80px;
width:763px;
height:32px;
background:url(../img/button.gif) no-repeat 0 -98px

}

.landtitle  span{
float:left;
padding:10px 0 0 15px;
color:#FFF;
font-size:14px;
font-weight:bold}

.landtitle li {
float:left;
list-style:none;
padding:10px 0 0 50px}

.landboder {
width:300px;
margin-bottom:20px;
}

.landboder span{

padding-left:10px
}

.landboder a {
padding-left:10px}

.landttitlelink {
float:left;
margin:10px 0 10px 80px;
width:763px;
background:#F9F9F9
}

.landmycon{
text-align:center;
width:80%;
margin:10px 0 10px 0px;

}

.landmycon li {
list-style:none;
padding:10px 0 10px 50px }



.landmycon td {
height:40px;
}

#landxie{
float:left;
margin:0 0 10px 10px}

.landtop {
float:left;
width:763px;
height:10px;
margin-left:3px!important;
margin-left:2px;
background:url(../img/button.gif)  no-repeat 0 -172px !important;
background:url(../img/button.gif)  no-repeat 0 -170px
}
.landdies {
float:left;
width:736px;
padding-left:8px;
line-height:150%;
background:url(../img/landline.gif)  repeat-y;

}

.autland{
text-align:left;
width:700px;
height:200px;
scrollbar-base-color:#FF9900; 
scrollbar-face-color:none; 
scrollbar-arrow-color:none; 
scrollbar-track-color:#ffefff; 
scrollbar-3dlight-color:#ffffff; 
scrollbar-darkshadow-color:#ffffff; 
scrollbar-highlight-color:#f5d8f5; 
scrollbar-shadow-color:#e5c8e5;
overflow: auto }

.landbottom{
float:left;
width:763px;
height:10px;
margin-left:3px !important;
margin-left:2px;
background:url(../img/button.gif)  no-repeat 0 -201px;}


.landdies span{
border-bottom: 1px dotted #999}

.landdies li{
text-align:left;
list-style:none;
padding:10px 5px 10px 200px}

/*登陆*/

.black_overlay{
            display: none;
            position: absolute;
            top: 0%;
            left: 0%;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .white_content {
            display: none;
            position: absolute;
            top: 25%;
            left: 25%;
            width: 400px;
            height: 300px;
            padding: 16px;
            border: 16px solid orange;
            background-color: white;
            z-index:1002;
            overflow: auto;
        }
		
/*technic  css */
#techleft{
margin-bottom:10px;
float:left;
width:170px;
}

.technictitle{
float:left;
width:170px;
height:29px;
background:url(../img/technic.gif) no-repeat 0 -172px
}

.technictitle span {
color:#000033;
float:left;
padding:5px 0 0 10px;
font-size:14px;
font-weight:bold
}

.technicside{
float:left;
width:170px;
background:url(../img/technicleftline.gif) repeat-y top;
}

.technicside li{
list-style:none;
line-height:250%;

}

.technicside a:hover{

color:#fff;
padding:2px 10px 1px 10px;
background:url(../img/technic.gif) no-repeat 0 -111px
}



.techmenukind{
float:left;
width:160px;
}

.techmenukind span {
padding:5px 0 10px 0;
margin:5px 0 0 5px;
color:#fff;
font-size:13px;
font-weight:bold;
float:left;
width:160px;
background:url(../img/technic.gif) no-repeat 22px  -252px 
}

.technicfoot{
float:left;
width:170px;
height:14px;
background:url(../img/technic.gif) no-repeat 0 -218px
}

#techright{
float:right;
clear:right;
width:799px;
margin-left:5px
}

.technicrt{
float:left;
width:799px;
height:31px;
background:url(../img/technic.gif) no-repeat 0 0}

.technicrt span {
float:left;
font-size:13px;
color:#999;
padding:8px 0 0 10px
}


.techniccoside{

margin-top:10px;
float:left;
clear:left;
width:799px;
width:794px;
border:1px solid #DDDDDC;

}

.techniccontentkind{
float:left;
width:790px;
margin-left:-10px}

#technicButton {
background:url(../img/technic.gif) 100% -66px;
width:34px;
height:36px;
border:0 ;
cursor: pointer;
}	

.t_1{
padding:5px 0 0 5px}

.t_2{
padding:3px 0 0 5px;
width:12%
}

.t_3{
padding:0 0 0 5px
}

#technicserach{
float:left;
width:799px;
margin:5px 0 0 0px;}

#technicpro{
border-top:4px solid #006699;
float:left;
margin:20px 0 0 0px;
width:799px;
}

.technicleft{
float:left;
width:799px;

}

.technicleft span {
float:left;
margin-top:10px
}

.onl_1{
text-align:left;
float:left;
width:799px;
}

/*technicqa css*/

.question{
float:left;
width:700px
}

.question div {
float:left
}

#qsel{
padding: 0px;
	float: left;
	
	border: 1px solid #000;}
	


#technicButtonq{
background:url(../img/technic.gif) 100% -186px;
width:34px;
height:36px;
border:0 ;
cursor: pointer;
}
.teq_1{
padding:10px 0 0 0}


.teq_2{
padding:5px 0 0 0}

#technicleft{
float:left;
700px}

.technicqu {
float:left;
width:790px !important;
width:740px ;
margin-bottom:10px;
border-bottom:1px solid #D2D2D2;
border-left:1px solid #D2D2D2;
border-right:1px solid #D2D2D2;
}

.tecquleft{
float:left;
margin-top:5px;
line-height:20%;
border-bottom:#2D609B 4px solid;
width:792px
}

.tecquleft ul{
margin:0;
	}
	
.tecquleft  li {
 float:left;
 list-style:none;
 display:inline;
 margin:0;
 padding:0;
	  }

.tecquleft a{
 float:left; 
 background:url(../img/menu_buttl.gif) no-repeat left top;
 margin:0;
 padding:0 2px 0 4px;
 text-decoration:none
}

.tecquleft a span{
      display:block;
      background:url(../img/menu_buttr.gif) no-repeat right top;
      padding:15px 12px 8px 12px;
      color:#fff
	  }
	  
.tecquleft  a:hover span {
      color:#000;
      }
	  
.tecquleft  a:hover {
      background-position:0% -25px;
      }
	  
.tecquleft a:hover span {
      background-position:100% -25px;
	  }
	  
.tecquserch{
background:#F1F1F1;
float:left;
width:780px;
border-bottom:1px solid #D2D2D2;
padding:5px 0 5px 10px
}

.tecquserch div{
float:left
}

.tes_1 {
padding:5px 0 0 5px
}

.tes_2{
padding:2px 0 0 5px
}

.tes_3{
padding:2px 0 0 5px
}

.tes_4{
padding:2px 0 0 5px
}

#tecsButton{
background:url(../img/help.png) 100% -160px;
width:44px;
height:20px;
border:0 ;
cursor: pointer;
}

.technicword{
margin-bottom:10px;
float:left;
width:100% !important;
border-bottom:1px dotted #CCC
}

.tecwo_1{
margin:10px 0 0 0;
float:left;
clear:left;
background:#F6F6F6;
width:100%}

.tecwo_1 li {
padding:0 0 0 20px;
float:left;
list-style:none;
}

.tecwo_1 span {
color:#3D9DE6}

.tecwo_2 {
float:left;
clear:left;
text-align:left;
width:100%;
padding:10px 0 0 20px
}

.tecwo_3 {
float:left;
clear:left;
text-align:left;
width:100%;
padding:10px 0 0 20px
}

/* technicdown css*/
.tecdown{
float:left;
width:790px;
margin-top:10px
}

.doquserch{
float:right;
padding:2px 10px 5px 0
}

.doquserch div{
float:left
}

.page{
float:left;
width:790px
}

/*sheet css*/
#sheetleft{
float:left;
width:450px;
margin-bottom:10px;
border-right: 1px solid #DDD
}

#sheetleft span {
padding:10px 0 30px 50px;
font-size:14px;
font-weight:bold;
color:#FF6600}

/*news css*/

#newsleft{
border:1px solid #CCCCCC;
width:700px;
float:left;
padding-bottom:10px
}

.newstitle{
text-align:center;
border-bottom:1px solid #000000
}
.newstitle h1{
font-size:18px;
padding:10px 0 10px 0;
}

.newstitle ul{
text-align:center;
float:left}

.newstitle li{
float:left;
list-style:none;
padding:10px 0 0 100px
}

.newsconter{
float:left;
clear:left;
text-align:left;
line-height:200%;
width:95%;
padding:20px 0 20px 20px;
}

.newsconter p{
font-size:13px;
}

.newsnext{
float:left;
clear:left;
width:95%;
margin:20px 10px 20px 10px;
border:#EAEAEB solid 1px
}

.newtitle{
background:#F1F2F2;
text-align:left;
padding:5px 0 5px 10px;
width:98%
}

.newtitle span{
font-size:14px;
color:#0086B3
}

.newsco{
float:left;
padding:10px 0 10px 10px
}

.newsco li{
text-align:left;
list-style:none;
line-height:200%
}

#newsright{
float:right;
clear:right;
width:260px;
border:1px solid #CFDFEA;
padding: 1px 0 0 2px
}

.newsrightpro{
float:left;
height:20px;
width:99%;
background:url(../img/technic.gif) repeat-x 100% -246px
}

.newsrightpro span {
float:left;
text-align:center;
color:#FFFFFF;
padding:4px 0 0 10px;
font-size:13px;
font-weight:bold
}

.newsrightcon{
float:left;
width:99%
}

.newsrightcon li{
text-align:left;
list-style:none;
line-height:200%;
padding:5px 0 5px 5px
}

/*indexnews css*/

#indexnewsleft{
width:700px;
float:left;
margin-bottom:10px
}

.indexnews{
float:right;
width:520px;
border:#CCCCCC solid 1px
}

.innews_title{
margin:10px 0 10px 10px;
float:left;
text-align:center;
width:95%;
border-bottom:#000066 2px dotted
}

.innews_title span {
font-size:14px;
font-weight:bold;
float:left
}

.innews_side{
margin:10px 0 10px 10px;
float:left;
text-align:center;
width:95%;
line-height:200%
}

/*myintegralcircs css*/
.myci_1{
font-size:14px;
font-weight:bold
}

.myintegralcircs{
float:left;
width:763px;
margin:10px 0 10px 0
}

.myintegralcircs td {
height:10px;
border-bottom:2px solid #CCC;
padding-top:5px
}

.myis{
float:left;
width:763px;
height:31px;
background:url(../img/technic.gif) no-repeat 0 0}

.myis span {
float:left;
font-size:13px;
color:#999;
padding-left:10px
}

.myisside{
float:left;
border:1px solid #CCC;
width:763px;
margin:10px 0 10px 0
}

/*web css*/
.webtitle{
float:left;
width:976px;
border-bottom:#6699CC 2px solid
}

.webtitle span {
float:left;
font-size:15px;
font-weight:bold;
color:#FF6600
}

.webword{
margin-top:10px;
float:left;
width:976px;
}

.w_1{
float:left;
font-size:13px;
color:#FF6600;
font-weight:bold;
padding:0 0 0 10px;
background:url(../img/button.gif) no-repeat 0 -136px
}

.w_2{
float:left;
width:100%;
background:#F5F5F5
}



.w_2 li{
float:left;
list-style:none;
line-height:200%;
padding:10px 10px 10px 10px
}

.w_3{
float:left;
width:100%;

}

.w_3 li{
white-space:nowrap;
float:left;
list-style:none;
line-height:200%;
padding:10px 10px 10px 10px}

/*findlink css*/
#findlinkleft{
float:left;
width:250px;
margin-bottom:10px;
border-right: 1px solid #DDD
}

#findlinkleft span {
padding:10px 0 30px 50px;
font-size:14px;
font-weight:bold;
color:#000}

#findlinkright{
float:right;
clear:right;
width:720px;
}

#findlinkright span{
font-size:14px;
font-weight:bold;
color:#3333FF
}

#findlinkright img{
width:100px;
height:40px
}