/* CSS Document */

*{list-style:none;}
a{ color:#555555; text-decoration:none;}
a img{ border:0;}
a:hover{ color:#0E6798;text-decoration:underline;}
.clear{ width:0; height:0; overflow:hidden; display:block; clear:both;}
html{ }
body{ font-size:12px;width:980px; margin:0 auto; line-height:21px; color:#555555; background:url(../images/bg.gif) repeat-x;}
ul,li,img,p{ margin:0; padding:0; border:0}
table,td{border-collapse:collapse}
.red{color:#FF0000}
.blue{color:#30659E}
.red1{color:#800000}
.green{color:008000}
.white{color:#FFFFFF}
.red2{color:#FF6816}
.jobtitle{color:#E7002E; font-size:23px; font-weight:bold; line-height:50px}
.dahongzi{color:#FF0000; font-size:22px;; font-weight:bold; font-family:"Times New Roman", Times, serif; line-height:29px;}

#wrap{ width:980px; overflow:hidden}

#header{ float:left; width:1003px;}
 #header .logo{ background:url(../images/logo.gif) no-repeat; width:208px; height:59px; margin:13px 0 0 10px; float:left}
 #header .news{background:url(../images/icon_laba.gif) no-repeat 0px 2px; float:left; padding-left:20px; margin:35px 0 0 81px; width:387px;}
 #header .old{ float:left; width:259px; margin-top:9px; margin-right:13px;}
  #header .old p{ padding:0; margin:0 0 11px 0; text-align:right}
 #header .menu{ width:980px; float:left}
 #header .menu .left{ background:url(../images/menu_left.gif) no-repeat; width:6px; height:35px; float:left}
 #header .menu .right{ background:url(../images/menu_right.gif) no-repeat; width:6px; height:35px; float:left}
 #header .menu .center{ background:url(../images/menu_bg.gif) repeat-x; width:968px; height:35px; float:left}
  #header .menu .center ul{ margin-left:5px;}
  #header .menu .center ul .line{ background:url(../images/menu_line.gif); width:2px; height:35px; float:left; padding:0}
  #header .menu .center ul li{ color:#FFFFFF; font-size:13px; font-weight:bold; line-height:35px; float:left;}
  #header .menu .center ul li a{color:#FFFFFF; height:35px; float:left; padding:0 19px;}
  #header .menu .center ul li a:hover{color:#000; height:35px; background:url(../images/menu_after.gif); text-decoration:none}
  #header .menu .center ul .menuafter a{color:#000; height:35px; background:url(../images/menu_after.gif); text-decoration:none}
  
 #header .menu1{ width:980px; float:left}
 #header .menu1 .left{ background:url(../images/menu1_left.gif) no-repeat; width:6px; height:28px; float:left}
 #header .menu1 .right{ background:url(../images/menu1_right.gif) no-repeat; width:6px; height:28px; float:left}
 #header .menu1 .center{ background:url(../images/menu1_bg.gif) repeat-x; width:968px; height:28px; float:left}
  #header .menu1 .center span{line-height:28px}
  #header .menu1 .center span.dongtai{line-height:28px; margin-left:40px;}
  #header .menu1 .center span a{ margin-right:5px; line-height:28px}
  #header .menu1 .center span.shouye{line-height:28px; margin-left:30px;}
 


#banner{ margin-top:9px; float:left}
 #banner .flash{ float:left}
 #banner .contact{ float:left}
  #banner .contact .top{ background:url(../images/index_contact_top.gif); width:241px; height:55px;}
  #banner .contact .bottom{ background:url(../images/index_contact_bg.gif); width:211px; height:167px; padding:0 0 0 30px; line-height:25px}


#works{ width:978px; border:1px solid #DDE2E6; margin-top:9px; float:left; overflow:hidden}
 #works .top{ width:978px; background:url(../images/title_line.gif); height:28px; float:left; line-height:31px;}
  #works .top .title{ background:url(../images/icon_titlebar.gif) 0 9px no-repeat; margin-left:15px; padding-left:15px;; font-weight:bold; float:left}
  #works .top .more{float:right; margin:11px 16px 0 0;}
 #works ul{ float:left; width:978px; margin:11px 0 11px 11px; display:inline;}
 #works ul li{ float:left; margin-right:12px; position:relative}
 #works ul li .pic{background:none}
 #works ul li .pic img{border:2px solid #C7C7C7; padding:1px;}
 #works ul li .pic img:hover{border:2px solid #61BACA; padding:1px;}
 #works ul li p{ width:126px;background-color:#C7C7C7; text-align:center}
 #works ul li p a:hover{ text-decoration:underline; color:#000000}
 #works ul li .url{position:absolute; left:95px; top:80px;}


#tab{width:980px;margin-top:9px; float:left}
 #tab .taocan{ width:727px; border:1px solid #DDE2E6; float:left; overflow:hidden}
  #tab .taocan .top{ width:727px; background:url(../images/title_line.gif); height:28px; float:left; line-height:31px;}
   #tab .taocan .top .title{margin-left:15px;font-weight:bold; float:left; width:71px; height:25px; margin-top:3px; text-align:center}
    #tab .taocan .top ul { float:left; width:213px}
    #tab .taocan .top ul li {font-weight:bold; float:left; width:71px; height:25px; margin-top:3px; text-align:center; line-height:25px; cursor:hand}
    #tab .taocan .top ul li.titleafter{font-weight:bold; float:left; width:71px; height:25px; background:url(../images/Tab_bg.gif); margin-top:3px; text-align:center; color:#FF0000;}
   #tab .taocan .top .more{float:right; margin:11px 16px 0 0;}
  #tab .taocan .taocanlist{display:none;} 
   #tab .taocan .taocanlist ul{ margin:12px 0 12px 12px; float:left;;display:inline}
   #tab .taocan .taocanlist ul li{float:left; margin-right:11px; padding:62px 0 0 10px; line-height:23px;display:inline}
   #tab .taocan .taocanlist ul li a{ display:block; float:right; margin-right:10px; color:#30659E}
   #tab .taocan .taocanlist ul li.tca{ background:url(../images/tca.gif); width:157px; height:166px;}
   #tab .taocan .taocanlist ul li.tcb{ background:url(../images/tcb.gif); width:157px; height:166px;}
   #tab .taocan .taocanlist ul li.tcc{ background:url(../images/tcc.gif); width:157px; height:166px;}
   #tab .taocan .taocanlist ul li.tcd{ background:url(../images/tcd.gif); width:157px; height:166px;}
   
  #tab .taocan .wzwh {display:none; padding-left:26px}
  #tab .taocan .wzwh .wzwhlist{ float:left; width:206px; margin:16px 26px 16px 0}
  #tab .taocan .wzwh .wzwhlist .top{ float:left; width:206px; height:68px;}
  #tab .taocan .wzwh .wzwhlist .txt{ width:206px; float:left; height:144px; margin-top:8px;}
  #tab .taocan .wzwh .wzwhlist .txt a{display:block; text-align:right; width:198px;; color:#30659E}

   
 #tab .news{background:url(../images/Sidebar_top.gif) no-repeat; position:relative; float:right; width:241px;}  
  #tab .news .more{position:absolute; top:10px; left:190px}
  #tab .news .newlist{ background:url(../images/Sidebar_bottom.gif) no-repeat bottom; padding:37px 0 3px 9px; line-height:22px;}



#fanwei{ width:980px;float:left; margin-top:9px}
	#fanwei .fanweileft{ width:980px; border:1px solid #DDE2E6; float:left}
	 #fanwei .fanweileft .top{ width:980px; background:url(../images/title_line.gif); height:28px; float:left; line-height:31px;}
	  #fanwei .fanweileft .top .title{ background:url(../images/icon_titlebar.gif) 0 9px no-repeat; margin-left:15px; padding-left:15px;; font-weight:bold; float:left}
	  #fanwei .fanweileft .top .more{float:right; margin:11px 16px 0 0;}
	 #fanwei .fanweileft ul{ float:left; width:980px; background:url(../images/index_63.gif); height:442px;}
	 #fanwei .fanweileft ul li{ float:left;width:325px;}
	 #fanwei .fanweileft ul li .title{ font-size:14px; display:block; font-weight:bolder; margin-left:110px; line-height:27px; margin-top:7px;}
	 #fanwei .fanweileft ul li .title a{text-decoration:underline}
	 #fanwei .fanweileft ul li .txt{ float:left;margin-left:110px; margin-right:7px; display:inline}
	 #fanwei .fanweileft ul li.wzjs{ background:url(../images/icon_wzjs.jpg) no-repeat 13px 20px; height:110px;  border-right:1px solid #DDE2E6}
	 #fanwei .fanweileft ul li.xnkj{ background:url(../images/icon_xnzj.jpg) no-repeat 13px 20px; height:110px;  border-right:1px solid #DDE2E6}
	 #fanwei .fanweileft ul li.ymzc{ background:url(../images/icon_ymzc.jpg) no-repeat 13px 20px; height:110px;  border-right:1px solid #DDE2E6}
	 #fanwei .fanweileft ul li.qyyx{ background:url(../images/icon_qyyx.jpg) no-repeat 13px 20px; height:110px;  border-right:1px solid #DDE2E6}

#fanwei .bansc{background:url(../images/banshichu.gif); width:231px; height:200px; float:right; padding:50px 0 0 10px; line-height:24px;}


#huoban{ float:left; margin-top:9px}
 #huoban .left{ float:left}
 #huoban .center{ float:left; background:url(../images/Partner_bg.gif); height:75px; width:954px;}
 #huoban .center img{ border:1px solid #D2D0D0; padding:1px;}
 #huoban .center ul{ margin-top:12px;}
 #huoban .center ul li{ margin:0 1px; float:left ;display:inline}
 #huoban .right{ float:left}


#copy{ margin-top:9px; float:left; width:980px}
 #copy .link{ border-bottom:1px solid #E4E4E4; width:980px; padding:0 0 6px 0}
 #copy .bottommenu{text-align:center; width:980px; border-top:2px solid #F3F3F3; padding:6px 0}
 #copy .contact{font-family:Arial, Helvetica, sans-serif; text-align:center}


#header{}


/*-----------------------tab------------------*/
.eTable {font-size:12px;color:#222222;width:300px;border:1px solid #333333;border-collapse: collapse;margin-bottom:5px;}

.eHead {font-weight:bold;}
.eCount {width:auto;}
.hiddenw {display:none;}

/*-----------------------main------------------*/

#main{float:left; margin-top:9px; width:980px; background:url(../images/mainbg.GIF); border-bottom:3px solid #F0F2F4}
 #main .left{ float:left}
 #main .left .leftmenu{ background:url(../images/about_leftbg1.gif) repeat-x #FFFFFF ; border:1px solid #CAD1D8; width:198px;}
  #main .left .leftmenu ul{ background:url(../images/about_leftbg2.gif) bottom repeat-x; }
   #main .left .leftmenu ul li{margin:3px 0 0px 9px; background:url(../images/aboutmenubg.gif) no-repeat bottom; padding:0 0 0 25px; width:154px; height:25px; line-height:23px;}
 #main .left .leftmenu .title{ background:url(../images/icon_titlebar.gif) no-repeat 0px 9px; margin-left:15px; padding-left:15px; line-height:31px; font-weight:bold}
 
 
 #main .left .seo{ background:url(../images/about_leftbg1.gif) repeat-x; border:1px solid #CAD1D8; width:198px;}
  #main .left .seo ul{ background:url(../images/about_leftbg2.gif) bottom repeat-x; }
   #main .left .seo ul li{margin:3px 0 0px 9px; padding:0 0 0 0px; line-height:20px;}
 #main .left .seo .title{ background:url(../images/icon_titlebar.gif) no-repeat 0px 9px; margin-left:15px; padding-left:15px; line-height:31px; font-weight:bold}
 
 
 #main .right{ float:right}
  #main .right .banner{}
  #main .right .local{background:url(../images/loc_bg.gif) center 6px no-repeat; padding:0 0 4px 30px; margin-top:9px; border-bottom:1px solid #CDD4DA; line-height:25px}
 
 
 #main .maintxt{ float:right; width:743px; overflow:hidden; padding:10px 10px}
  #main .maintxt a{ color:#006EBC}
  
  
  /*-----------------------------products--------------------*/
  
 #main .maintxt .works ul{ float:left; width:770px; margin:0 0 11px 15px; display:inline}
 #main .maintxt .works ul li{ float:left; margin-right:28px; position:relative; margin-top:15px}
 #main .maintxt .works ul li .pic{background:none; height:96px;}
 #main .maintxt .works ul li .pic img{border:2px solid #C7C7C7; padding:1px;}
 #main .maintxt .works ul li .pic img:hover{border:2px solid #61BACA; padding:1px;}
 #main .maintxt .works ul li p{ width:126px;background-color:#C7C7C7; text-align:center}
 #main .maintxt .works ul li p a:hover{ text-decoration:underline; color:#000000}
 #main .maintxt .works ul li .url{position:absolute; left:95px; top:80px;}
 
 
   /*-----------------------------555555555--------------------*/
 
 DIV#MainPromotionBanner {
	BACKGROUND: #feb900; WIDTH: 739px; HEIGHT: 222px
}
#MainPromotionBanner #SlidePlayer {
	MARGIN: 0px auto; POSITION: relative
}
#MainPromotionBanner .Slides {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 222px
}
#MainPromotionBanner .Slides LI {
	FLOAT: left; WIDTH: 532px; HEIGHT: 222px
}
#MainPromotionBanner .Slides IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY: block; BORDER-LEFT: 0px; WIDTH: 739px; BORDER-BOTTOM: 0px; HEIGHT: 222px
}
#MainPromotionBanner .SlideTriggers {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 10; RIGHT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 190px; HEIGHT: 25px
}
#MainPromotionBanner .SlideTriggers LI {
	DISPLAY: inline; FONT-SIZE: 0.9em; BACKGROUND: url(../images/slide_trigger2.gif) no-repeat center center; FLOAT: left; MARGIN: 3px 6px; OVERFLOW: hidden; WIDTH: 16px; CURSOR: pointer; COLOR: #000; LINE-HEIGHT: 16px; FONT-FAMILY: Arial; HEIGHT: 16px; TEXT-ALIGN: center;
}
#MainPromotionBanner .SlideTriggers LI.Current {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 1.4em; BACKGROUND: url(../images/slide_trigger_c.gif) no-repeat center center; MARGIN: 0px 6px; BORDER-LEFT: 0px; WIDTH: 21px; COLOR: #fff; LINE-HEIGHT: 21px; BORDER-BOTTOM: 0px; HEIGHT: 21px
}