body,div,ul,table,tr,td,li,p,img,tbody,a,h3,h4,span,caption{margin:0;padding:0;}
img{ border:0}
ul{ list-style:none;}
a{ text-decoration:none}
body{background:#ccc; font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:12px; color:#000000; font-weight:none;}
#container{ width:980px; overflow:hidden; margin:0 auto; background:#999; text-align:left; background:url(bj.gif) no-repeat}
#mainlist{ width:980px; overflow:hidden; margin:0 auto; background:#999; text-align:left;}
#head{ width:980px; height:110px; }
  .logo{ width:252px; padding-left:28px; height:55px; padding-top:15px; float:left; }
  .daohang{ width:700px; height:80px; float:right;}
  .daohang .home{ width:700px; height:20px; float:right; text-align:right; line-height:20px }
  .home  span{  width:40px; margin-right:10px; color:#CCCCCC}
  .home  span a{  color:#CCCCCC}
  .home  span.line{ width:10px; text-align:center; height:20px}

/* 菜单 */
#nav{
  height:50px;list-style-type:none;padding-left:200px;line-height:100px;margin-top:40px;_margin-top:20px;
}
#nav li a{display:block; width:80px; text-align:center; height:50px;}
#nav a:link{color:#EEE;text-decoration:none;}
#nav a:visited{color:#EEE;text-decoration:none;}
#nav a:hover{color:#FFF;text-decoration:none;font-weight:bold;}

#nav li {float:left; width:80px;}
#nav li ul {
 line-height:20px;
 overflow:hidden;
 list-style-type:none;
 text-align:center;
 left:-800px; 
 width:300px; /* 注意,这里一定要设置宽度; */
 margin-left:300px;
 position:absolute;
 background:#666;
 padding-left:80px;
 border:1px #999 solid;
 text-align:center;
 margin-top:-10px;
}
#nav li ul li{
  float:left;width:80px; /*float就是子菜单横向的关键,可以继承父菜单而省略float*/
}

#nav li ul a{
 display:block; width:80px;height:20px;text-align:left; 
}

#nav li ul a:link{
 color:#F1F1F1; text-decoration:none;
}
#nav li ul a:visited{
 color:#F1F1F1;text-decoration:none;
}
#nav li ul a:hover{
 color:#333;text-decoration:none;font-weight:normal;
}

#nav li:hover ul {
 left:25%;
}

#nav li.sfhover ul {
 left:25%;
}
/* 菜单end */

  
#banner{ width:980px; height:270px; float:left}
#content{ width:980px; overflow:hidden; }
   .conleft{ width:760px; float:left; height:258px; overflow:hidden}
   .news{ width:300px; height:110px; padding:0px 20px; float:left; margin-top:20px; }
   .news h3{ width:300px; height:30px; font-size:14px; color:#ccc;line-height:30px}
   .news ul{ width:300px; height:80px; }
   .news ul li{ width:300px; height:20px; line-height20px}
   .news ul li a{ color:#666;}
   .news ul li span{ float:right; color:#666;}
   .products{ width:420px; height:110px; float:left; margin-top:20px; }
   .pro_left{ width:200px; height:80px; float:left; }
   .pro_left img{ float:left; width:94px; height:65px; padding:2px; border:1px solid #eee; color:}
   .pro_left .pro_name{width:100px; overflow:hidden; padding-top:15px }
   .pro_name li{width:60px; margin-left:20px; line-height:20px; height:20px; border-bottom:1px dashed #666}
   .pro_name li a{ color:#666}
   .pro_name li a:hover{ color:#900}
   .products h3{width:420px; height:30px; font-size:15px; color:#ccc; line-height:30px; background:url(cpico1.jpg) no-repeat 0px 6px; text-indent:20px}
   .products h3 span{ font-size:10px; color:#666; font-weight:none; padding-left:5px}
   .products h3 .more{ float:right; padding-right:20px; color:#c96; font-size:10px; font-weight:none; font-family:Arial, Helvetica, sans-serif}
   .more a{ color:#c96}
   .more a:hover,.chengnuo a:hover,#more:hover{ color:#990000}
   .huandeng{ width:453px; height:106px;background:url(earth.png) no-repeat; /*background:url(huan.gif) no-repeat;*/ margin-top:15px; float:left;}
   .huan_pian{ width:270px; height:106px; float:left}
    .huan_pian h3{ width:270px; height:30px; line-height:30px; font-size:14px; text-indent:20px; color:#fff}
	.huan_pian ul img{ border:none}
   .hdtext{ width:170px; height:106px; float:left;margin-top:16px}
   .cpfl{ width:110px; margin-left:60px;font-size:12px;color:#C99}
   .cpfl td{ line-height:16px}
   .cpfl td img{ padding-top:5px}
   .cpfl a,.zczs a{ color:#fff; color:#C99}
   .zczs{margin-top:14px}

   .chengnuo{ width:283px; padding-right:10px; height:106px; float:left; margin-top:25px; _margin-top:15px; margin-left:14px; color:#999; text-indent:2em; line-height:18px; background:url(gsjjbj.gif) no-repeat; font-size:12px; font-family:"宋体"}
   .chengnuo a{  color:#c96; font-size:10px; font-weight:none; font-family:Arial, Helvetica, sans-serif}
   .conright{ width:220px; overflow:hidden; float:left; height:258px; background:url(conright.gif) no-repeat 10px 40px }
   .conright ul{ width:220px;overflow:hidden; margin-top:55px;}
   .conright ul li{ width:180px;margin-left:20px; line-height:200%; text-indent:4px }
   .conright ul li a{ font-size:12px; font-weight:bold; color:#999; letter-spacing:2px}
   .conright ul li.juli{ margin-top:3px; margin-bottom:4px}
   .conright li.phone{ width:180px; height:64px; margin-left:10px; background:none}

#footer{ width:980px;margin-top:30px; background:#000; border-top:1px solid #666; float:left}
   .foot_left{ width:150px; height:60px; float:left;}
   .foot_middle{ width:600px;float:left;}
   .p_top{ margin-top:15px}
   .foot_middle p{ color:#999999; font-size:12px; text-indent:30px}
   .foot_right{ width:230px;height:60px; float:left;}
   .foot_right p{ font-size:12px; font-weight:bold; margin-top:10px; padding-left:35px }
   .foot_right p a{ color:#CCCCCC}
   .foot_right p span{ display:block; width:60px; float:left; text-align:center; vertical-align:middle}
   .foot_right p span.line{ width:10px; text-align:center; height:13px; line-height:13px; color:#fff}
.clear{clear:both}
.tabbox {width:300px; height:110px; padding:0px 20px; float:left; margin-top:20px;}
.tabmenu {width:295px;height:29px;}
.tabmenu ul { width:295px;margin:0;padding:0;list-style-type:none; border-bottom:1px solid #666; float:left}
.tabmenu li { text-align:center; float:left; width:58px; height:28px; overflow:hidden; background-color:#999; line-height:27px; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; font-size:12px;}
.tabmenu .cli {text-align:center;float:left;display:block;width:58px;height:27px;overflow:hidden;background-color:#fff;line-height:27px;border-right:#ccc 1px solid;border-top:#ccc 1px solid;display:inline;font-size:12px; cursor:pointer; float:left}
#tabcontent {width:294px;}
#tabcontent ul {margin:0;padding:5px;list-style-type:none;}
#tabcontent .hidden {display:none;}
#tabcontent ul li a, #tabcontent ul li span{ color:#666;}
#tabcontent ul li a:hover{ color:#900}
 #tabcontent ul li span{ float:right}
 .left-jl{  border-left:1px solid #CCC;}
 span.bot_border{ display:block; width:5px; height:28px; border-bottom:1px solid #ccc; background:none; float:left}
 span.bot_border1{ display:block; width:30px; height:28px; color:#fff; background:none; float:right}
 span.bot_border1 a{ color:#c96; }
 #tabcontent ul li { line-height:20px; height:20px}
 .head1{ background:url(head2.gif) no-repeat;}
 #banner1{ width:980px; height:180px; background:url(banner1_03.gif) no-repeat; margin-top:-20px}
 #main{ width:980px;overflow:hidden; background:url(main_bj-3.gif) repeat-y}
  .main_left{ width:258px; overflow:hidden; background:#000 url(main_left.gif) no-repeat; float:left}
  .main_left_top{ width:258px; overflow:hidden; margin-top:30px; float:left; height:270px}
  .main_left_top ul li{ width:258px; height:30px; line-height:30px; text-indent:70px; background:url(ico2.gif) 50px 9px no-repeat }
  .main_left_top li a{ font-size:14px; font-weight:bold; color:#666666}
  .main_left_top li a:hover{ color:#000}
  
  .main_left_middle{ width:258px; height:460px; background:url(main_left_middle.gif) no-repeat; }
 #main .main_right{ width:722px; overflow:hidden; overflow:hidden; }
  .weizi_dh{width:722px; height:80px; background:url(weizi_dh.gif) no-repeat; float:left}
  .weizi_dh .dhwz{ width:682px; height:30px; float:right; color:#CCCCCC; line-height:40px; text-align:right; margin-right:40px}
  .weizi_dh .dhwz a{ color:#fff}
  .weizi_dh .dhwz a:hover{ color:#f00}
  .weizi_dh p.title{ width:722px; height:50px; float:left; line-height:60px; font-size:14px; color:#333333; font-weight:bold; text-indent:30px; _line-height:44px}
  .infor{ width:722px; overflow:hidden}
  .cpxinxi{ width:722px; height:300px; float:left}
  .cptp01{ width:350px; height:277px; overflow:hidden; float:left; margin-top:20px}
  .cpjishao{ width:340px; height:232px; float:left; margin-top:24px}
  .cpjishao h3{ width:341px; height:25px; line-height:28px; background:url(cpjishaoh3.png) no-repeat; font-size:14px;text-indent:40px; color:#fff; }
  .cpjishao ul{ width:340px; height:207px; background:url(340x207.png) no-repeat}

   .cpcs{ width:700px; text-align:center; float:left}
  .cpcs h3{ width:700px; height:30px; text-indent:20px; color:#996; font-size:14px; text-align:left; }
   .cpcs h4{ width:700px; height:30px; text-indent:20px; color:#996; font-size:14px; text-align:left; margin-top:20px}
  .cpcs p{ line-height:20px; text-align:left; padding:0px 20px; }
  
  /* 关于我们 */
  
   .main_right{ width:722px; overflow:hidden; background:url(about_right.gif) no-repeat; float:right}
   #mr_height{ overflow:hidden; background:url(about_right.gif) repeat-y;}
   .about_right{ width:702px; padding-right:20px;}
   .about_right p { line-height:26px; color:#666666; text-indent:2em}
   .about_img{ float:left; margin:10px}

   .phone02{ width:196px; height:62px; padding-top:20px; margin-left:10px; }
   .left_list{ height:110px; width:200px; margin-left:40px; float:left; display:inline; }
   .left_list ul{ width:190px; overflow:hidden}
   .left_list td{color:#666; font-size:12px; height:36px; }
  
   .left_list td a{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#ccc;}
   .left_list td a:hover{ color:#f00}
  
 /* 关于我们end */
 
 /* 公司产品 */
	.pro_right{ width:702px; padding-right:20px; float:left} 
	.pro_right h3.title_pro{ 
	width:700px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#996; border-bottom:1px dashed #990000; float:left; _margin-top:-5px
}
	.pro_right .fabu{ width:702px; height:30px; line-height:30px; text-align:center; font-size:12px; color:#666; float:left}
	.pro_right li{width:268px; float:left; text-align:center; margin-left:50px; display:inline; overflow:hidden; line-height:30px;}
	.pro_right li a{ color:#333333}
    .pro_right .cpjishao ul li{ height:26px; line-height:27px; float:left; font-size:12px; display:inline; margin-left:0px}
 .pro_right .cpjishao ul li.short{ width:100px; text-align:right; float:left}
  .pro_right .cpjishao ul li.long{ width:240px; text-align:left; text-indent:20px; float:left}
  .pro_sc{ width:258px; overflow:hidden; float:left; background:#000 url(pro_sc.gif) repeat-y;}
  .pro_right .po{ line-height:26px}
 /* 公司产品 end */
 
   /* 公司新闻  */
   .news01{ width:600px; overflow:hidden; height:300px; background:#f2f2f2; border:1px solid #CCCCCC; margin-top:20px; margin-left:40px; float:left; display:inline}
   .news01 h4{ width:600px; height:30px; line-height:30px; font-size:14px; color:#fff; text-indent:20px; background:url(pro_tit.gif) no-repeat; margin-bottom:10px}
   .news01 h4 img{ padding:7px 20px}

   .news01 li{ width:500px; float:left; line-height:24px;background:url(icon3.gif) 5px 10px no-repeat; text-indent:15px; border-bottom:1px dashed #aF9966; text-align:left}
   .news01 li span{ float:right}
   .news01 li a:hover{ color:#990000}
   p.newsnr{ text-indent:2em; line-height:20px; color:#666; padding:0 15px}
   
    /* 公司新闻 end */
	

  /* 联系我们 */

  .lxwm{ margin-left:20px; _margin-left:0;}
  .map{width:700px; height:400px; overflow:hidden}
  .map img{ border:5px #fff solid; width:690px; height:350px}
  .map h3{ width:133px; height:25px; line-height:25px; background:url(mapbj.gif) no-repeat; font-size:14px;text-indent:20px; color:#fff}

  /* 联系我们end */
#footer01{ width:980px; height:80px; padding-top:20px; background:#000;float:left}
#footer01 .foot_left{ width:150px; height:60px; float:left;}
   #footer01 .foot_middle{ width:600px; height:60px; float:left;}
   #footer01 .p_top{ margin-top:20px}
   #footer01 .foot_middle p{ color:#999999; font-size:12px; text-indent:30px; text-indent:90px}
   #footer01 .foot_right{ width:230px;height:60px; float:left;}
   #footer01 .foot_right p{ font-size:12px; font-weight:bold; margin-top:30px; width:230px; height:13px;}
  #footer01 .foot_right p a{ color:#CCCCCC}
  .foot_right p a:hover{ color:#c96}
  #footer01 .foot_right p span{ display:block; width:60px; float:left}
 #footer01 .foot_right p span.line{ width:10px; text-align:center; height:13px; line-height:13px; color:#fff}
 
 
 
 /* 头部动画开始 */


.actives {
	 width:230px; height:76px; margin:0; padding:0; margin-right:20px; display:inline
}
.actives a {
	text-decoration:none
}
.actives .tab {
	width:230px; height:76px; 
}
.actives .tab IMG {
	width:230px; height:76px; border:0;}
.actives .tab_btns {
	Z-INDEX:1; position:relative; bottom:100px; RIGHT:-210px; _position:absolute; _top:520px; _left:50%; _margin-left:-280px;
}
.actives .tab_btns a { display:block;
	
 text-align:center; line-height:11px; width:11px;FLOaT:left; height:11px; color:#fff; font-size:8px
}
.actives .tab_btns a.on {
	background-position:3px 8px; color:#fff; background:url(btn.gif) no-repeat;
}
.show {
	display:block; margin-left:40px
}
.hide {
	display:none; 
}
/* 头部动画结束 */
#home,#about,#products,#message,#news,#contact{display:block; width:80px; height:30px; }
.homeN_{ background:url(home.gif) no-repeat;}
.homeH_{ background:url(home_h.jpg) no-repeat}
.aboutN_{background:url(about.gif) no-repeat;_float:none;}
.aboutH_{ background:url(about_h.jpg) no-repeat}
.productsN_{background:url(products.gif) no-repeat;_float:none;}
.productsH_{ background:url(products_h.jpg) no-repeat}
.newsN_{background:url(news.gif) no-repeat;_float:none;}
.newsH_{ background:url(news_h.jpg) no-repeat}
.messageN_{background:url(message.gif) no-repeat;}
.messageH_{ background:url(message_h.jpg) no-repeat}
.contactN_{background:url(contact.gif) no-repeat;}
.contactH_{ background:url(contact_h.jpg) no-repeat}

.renzheng {
	POSITION:relative; MARGIN-TOP:30px; float:left;
}
.renzheng TABLE {
	Z-INDEX:8; BORDER-BOTTOM:medium none; POSITION:relative; BORDER-LEFT:medium none; WIDTH:100%; BORDER-COLLAPSE:collapse; FONT-SIZE:14px; BORDER-TOP:medium none; BORDER-RIGHT:medium none
}
.renzheng TH {
	TEXT-ALIGN:right; WIDTH:110px; PADDING-RIGHT:10px; COLOR:#666; FONT-WEIGHT:lighter
}
.renzheng TD STRONG {
	LINE-HEIGHT:1.8; FONT-SIZE:16px
}
.renzheng TABLE {
	Z-INDEX:8; BORDER-BOTTOM:medium none; POSITION:relative; BORDER-LEFT:medium none; WIDTH:100%; BORDER-COLLAPSE:collapse; FONT-SIZE:14px; BORDER-TOP:medium none; BORDER-RIGHT:medium none
}
.renzheng TD P.f {
	PADDING-BOTTOM:0px; PADDING-LEFT:0px; PADDING-RIGHT:30px; FONT-SIZE:14px; PADDING-TOP:0px
}
.renzheng TD {
	PADDING-BOTTOM:6px; MARGIN:0px; PADDING-LEFT:0px; PADDING-RIGHT:0px; COLOR:#000; VERTICAL-ALIGN:top; PADDING-TOP:6px
}
caption{ text-indent:50px; height:30px; color:#666; font-weight:bold}

#moresy{ display:block; width:30px; height:30px; position:relative; left:240px; bottom:24px; color:#c96; font-size:8px}
#moresy:a{ color:#c96}
#moresy:a:HOVER{COLOR:#900}
#pages{ width:680px; height:30px; float:left; text-align:center}
#pages li{ width:680px; margin:0; padding:0}
#more{  color:#c96; font-size:10px; }

.a_r_left{ width:310px; float:left; overflow:hidden; margin-right:15px; margin-top:20px}
.a_r_left img{ width:300px; padding:2px; border:1px solid #ccc; margin-bottom:10px;}
.cp_61 p{ line-height:26px; color:#333; margin-bottom:10px; overflow:hidden}
.xiapage a:hover{ color:#f00} 
.news_p p{ line-height:24px; color:#333; text-indent:2em; margin-bottom:5px}