/* CSS  for chaoyang */
html{background-color:#D8D8D8}
body{ font-family:"ËÎÌå"; font-size:12px; margin:0 auto; padding:0;SCROLLBAR-ARROW-COLOR: #c4c7c7; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #c4c7c7;SCROLLBAR-HIGHLIGHT-COLOR: #c4c7c7; SCROLLBAR-SHADOW-COLOR: #c4c7c7; SCROLLBAR-TRACK-COLOR: #f0f0f0; SCROLLBAR-3DLIGHT-COLOR: #ffffff ; width:1000px}
.all{ margin:0 auto; width:1000px;}
#page{ width:100%; height:20px; text-align:center; float:left}
 #page a { color:#FF3300; text-decoration:none; padding-right:10px; padding-left:5px}
.a950{ width:950px; margin:0 auto; background-color:#FFFFFF}
.chaohead{ width:100%; height:32px; line-height:27px; font-weight:bold; color:#666666 }
 .a950 a{ color:#FF3300; text-decoration:none}
 .a950 a:hover{ color:#FF0000; text-decoration:underline}
 .btn{ border:0; line-height:20px; background-image:url(../images/05.gif); width:58px; height:20px; cursor:pointer; color:#FFFFFF; margin-right:10px}
 textarea{border:#E8E8E8 solid 1px; width:200px; height:100px;}
 input{ border:#57B7A4 solid 1px; line-height:18px; font-family:"ËÎÌå"; font-size:12px; height:18px; color:#FF3300; width:200px;}
#top{ height:95px;}
#thead{ height:24px; background:url(../images/08-index-bg01.gif)} 
#thead span{ float:right;}
   #cang{  height:4px; background-color:#FF3300; }
     #cao{ height:23px; background-image:url(../images/cang.jpg); width:238px; font-weight:bold; color:#FFFFFF; text-align:center; line-height:20px;}
	   #cao a{ color:#ffffff ; text-decoration:none}
    
   #hlogo{width:950px; margin:0 auto; height:48px;  background-image:url(../images/logo.png);background-repeat:no-repeat; background-color:#F2F2F2; *background-image:url(../images/logo.jpg); }
   
   form{ margin:0; display:inline}
   #inputa input{ border:#F5F5F5 solid 1px;  font-size:12px; margin-left:23px; margin-top:2px; width:120px;}
   #inputa{ height:23px; width:153px; background-image:url(../images/top_search_01.gif); float:left}
   #go{ height:23px; width:34px; float:left; border:0}
   #go input{ border:0;height:23px; width:34px; background-image:url(../images/top_search_02.gif); cursor:pointer}
#main{ height:auto;}
   #tmenu{ width:100%; height:190px;}
   .zhongj{ width:950px;  margin:0 auto; background-color:#FFFFFF}
   #banner{ height:200px; background-color:#333333;}
   #midlist{ height:280px}
   #imgzhuti{ height:221px; margin-bottom:10px;  }
   #imgzhuti ul { list-style:none; }
   #imgzhuti li{ list-style-type:none; width:162px; float:left; height:67px; padding:5px; border:#F9AE7D solid 1px; margin-right:7px;}
   #imgzhuti li a:hover{ }
   #imgzhuti img{ border:#FFFFFF solid 2px}
   .a2{ line-height:30px; margin-left:10px; cursor:pointer}
   #yumen{ height:180px; padding-top:5px;}
     #yumenhead{ width:100%; height:45px; float:left}
     #yumenleft{ width:640px; height:135px; float:left;}
	    
	 #yumenright{ width:305px; height:135px; float:left; padding-right:5px}
	   
	   #yumenrightct li{  list-style-image:url(../images/ico_block.gif); margin-top:5px; margin-left:20px;}
	   #yumenleft a,#yumenright #cs a{ color:#666666; text-decoration:none}
	   #yumenright td a{ color:#FF6600; text-decoration:none}
	   #yumenleft a:hover,#yumenright a:hover{ text-decoration:underline; color:#FF6600}
	 #newsm{ height:260px; margin-top:5px; width:516px; float:left; margin-left:14px; background-image:url(../images/news.jpg) }
	   #newsh{ width:517px; height:30px; padding-top:12px;}
	   #newsct{ width:517px; height: auto; line-height:20px; margin-top:10px; padding-bottom:8px;}
	   #newsct li{ width:502px; float:left; border-bottom:#CCCCCC dotted 1px;}
	   #newsct li a{ color:#FF3300; text-decoration:none}
	   #newsct li a:hover{ color:#FF0000; text-decoration:underline}
	   #newbot{ width:517px; height:33px;background-image:url(../images/footnews.gif); background-repeat:no-repeat; float:right}
       #newshaha{ z-index:10;  position:absolute; width:126px; height:134px;  top:338px; left:0px; }
	   .png_filter{
	   background-image:url(../images/aa.png);
	   *background:none;
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/aa.png",sizingMethod='image');}
   #mid{ height:200px; background-image:url(../images/bg_mid.gif); background-repeat:no-repeat; background-position:left}
      #title{ height:15px; padding-top:15px; width:100%;}
	  #content{ width:890px; margin-top:19px; margin-left:30px; margin-right:30px; line-height:16px; color:#C14728}

#foot{ height:60px;  float:left;}
#bgff{height:60px; background-color:#FFFFFF}
#foot1{ height:27px;  float:left; padding-top:10px;background-image:url(../images/footer.jpg)}

   #footleft{ height:100%; width:20%; float:left; }
   #fhead1{ height:100%; width:60%; float:right; }
   #fhead{ height:2px; width:100%;  float:left; }
   #fhead1 span,#fhead span{ margin-left:20px; padding-right:5px;}
   #fhead1 img,#fhead img{ border:0}
   #foot1 a,#foot a{ color:#3366FF; text-decoration:none}
   #foot1 a:hover,#foot a:hover{ color:#0066FF; text-decoration:underline}
  

#wokao{ height:24px; background-image:url(../images/bg_banner.gif)}
.divconnet ul,li{ list-style:none;}
.divconnet{ width:950px; margin:0px;  }
#midlist div,#midlist table{ float:left; overflow:hidden; word-wrap:break-word; word-break:break-all;}

.divnav{ width:950px; height:40px;  }
.divnavA{float:left; width:100px; height:30px; padding-top:10px; background:url(../images/cc.gif) center no-repeat; color:#666; text-align:center; padding-left:10px;}
.divnavA a{ width:100px;color:#666; padding-top:10px; }
.divnavA a:hover,.divnavB a:hover{width:100px;color:#666; padding-top:10px;}
.divnavB { width:100px; height:30px;  background:url(../images/cc.gif);color:#069; font-weight:bold; text-align:center; cursor: hand; padding-top:10px;}
.diavmain{ width:950px;  color:#f30;float:left; background-image:url(../images/sitemap01.gif)}


#menua{  width:950px; margin:0 auto; height:27px;  font-weight:bold}
.ade{ color:#FFFFFF}
.ade a{ color:#FFFFFF; text-decoration:none}
.ade a:hover{ color:#FFFF00;}

/* style the outer div to give it width */
.menu {  font-size:12px;  width:950px; margin:0 auto; text-align:center; font-weight:bold; background-color:#FFFFFF }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:25px; background:transparent;}

/* style the sub-level lists */
.menu ul ul {width:625px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left; height:27px; line-height:27px; display:block; padding-right:2px; text-align:center}

/* style the sub level list items */
.menu ul ul li {display:block; width:150px; height:auto; line-height:1em; text-align:center}
.menu ul ul li.last {padding-bottom:15px; background:url(../images/sub_bottom.gif) bottom left no-repeat; text-align:center; filter:alpha(opacity=70)}
.menu ul ul ul li.last {padding-bottom:15px; background:url(../images/two_bottom.gif) bottom left no-repeat;filter:alpha(opacity=70)}
.menu ul ul ul ul li.last {padding-bottom:15px; background:url(../images/three_bottom.gif) bottom left no-repeat;filter:alpha(opacity=70)}

/* style the links for the top level */
.menu a, .menu a:visited {display:block; float:left; height:24px; width:115px; font-size:12px; text-decoration:none; color:#A01D13; background:#fff url(../images/top.gif); padding:0 0 0 10px; text-align:center;border:0; border-bottom:1px solid #222;}
/* hack IE5.x to get the correct the faulty box model and get the width right */
 * html .menu a, * html .menu a:visited {width:125px; w\idth:115px; text-align:center}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#ec292a; filter:alpha(opacity=70); color:#fff;width:128px; height:100%; line-height:1em; padding:5px 10px; border:1px solid #000; border-width:0 1px; text-align:center}
* html .menu ul ul a,* html .menu ul ul a:visited  {width:150px; w\idth:128px; text-align:center}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ec292a; text-align:center}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#F7664D; text-align:center}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#477;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#a77;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#ff0; border:0; height:25px; position:relative; z-index:100;}
.menu li:hover {position:relative;}

.menu :hover > a {color:#ff0; border:0; height:25px;}
/* second */
* html .menu ul ul a:hover{color:#ff0; background:#477; position:relative; z-index:110; height:100%; border:1px solid #000; border-width:0 1px;}

.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#ff0;background:#7aa;background:#477; z-index:110; height:100%; border:1px solid #000; border-width:0 1px;}
/* third */
* html .menu ul ul ul a:hover {background:#D01202; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#D01202;}
/* fourth */
.menu ul ul ul ul a:hover {background:#D01202; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0; top:25px; left:0; width:150px;}

/* position the third level flyout menu */
.menu ul ul ul{top:-10px; width:150px;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul {visibility:visible; height:auto; padding:15px 30px 30px 30px; background:transparent url(../images/sub_top.gif) 30px 0 no-repeat; left:-30px;}
.menu ul :hover ul.left {visibility:visible; height:auto; padding:15px 30px 30px 30px; background:transparent url(../images/sub_top_left.gif) 30px 0 no-repeat; left:-55px;}


/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:90px; height:auto; padding:10px 30px 30px 30px; background:transparent url(two_top.gif) 30px 0 no-repeat;}
.menu ul :hover ul.left :hover ul {left:-150px;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible; left:90px; height:auto; padding:10px 30px 30px 30px; background:transparent url(../images/three_top.gif) 30px 0 no-repeat;}


#products{ height:400px}
  #prolist{ padding:10px; width:200px; height:170px; text-align:center; float:left}
    #listimg{ width:100%; height:150px; border:#CCCCCC solid 1px; }
	#listjs{ width:100%; height:20px;}