﻿#container{width:1000px; margin:0 auto;  background:#A43C96  url(../images/body_bg2.jpg) repeat-y; }
.body_bg{background:url(../images/body_bg_up.jpg) no-repeat left top;}
.wrap{width:982px; text-align:left; margin-left:auto; margin-right:auto; }
.wd{width:945px; margin-left:auto; margin-right:auto;  }
.mt20{margin-top:20px;}
#top_info{height:45px; color:#EBC5E7; position:relative;}
#top_info a{color:#EBC5E7}
#top_info .top_nav{width:160px; height:36px; position:absolute; top:5px; right:240px;}
#top_info .top_nav li{width:60px; height:18px;   float:left;  display:inline;}
#top_info .tel{width:230px; height:35px; position:absolute; top:7px; right:0px; background:url(../images/top_line.gif) no-repeat left center; padding-left:12px; line-height:18px; }
#top_info #top_home{background:url(../images/icon_home.gif) no-repeat left center; padding-left:14px;}
 #top_info #top_favorite{background:url(../images/icon_favorite.gif) no-repeat left center; padding-left:14px;}
 #top_info #top_map{background:url(../images/icon_map.gif) no-repeat left center; padding-left:18px;}
 #top_info #top_bbs{background:url(../images/icon_partner.gif) no-repeat left center; padding-left:18px;}
#content{padding-bottom:12px;}
#content_wrapper{ }
#header{height:114px; position:relative;}
#header .logo{width:190px; height:70px;  background:url(../images/logo.jpg) no-repeat; float:left; margin-top:25px; margin-left:20px; text-indent:-99999em;}
#header .logo a{display:block; width:190px; height:70px;}
#header .date{position:absolute; top:15px; right:32px; width:600px; text-align:right;}
#header .global_nav{width:710px; height:48px; float:right;  background:url(../images/nav_bg.gif) no-repeat; margin-top:40px; margin-right:16px;}
#header .global_nav ul{margin-left:30px; margin-top:0px;}
#header .global_nav #menu-news ul, #header .global_nav  #menu-products ul{margin-left:0; margin-top:0px;}
#header .global_nav #menu-news ul a, #header .global_nav  #menu-products ul a{background:none; font-weight:normal;}
#header .global_nav li{float:left; display:inline; height:37px;      margin-left:6px; text-align:center; }
#header .global_nav li a{  height:37px; line-height:37px;  color:#fff; font-weight:bold; font-size:13px; display:block; width:86px;  }
#header .global_nav li a span{display:block; background:url(../images/arrow.gif) no-repeat 6px 14px; height:30px;  }
#header .global_nav li a:hover{text-decoration:none; background:url(../images/menu-hover.jpg) no-repeat center top;}
#header .global_nav .sub  {display:none;}
 
#header #jsddm li ul
{	margin: 0; padding:3px;	position: absolute;			visibility: hidden;		margin-top:-1px;	  
}
#header #jsddm li{float:left; display:inline;}
#header #jsddm li ul li
{	float:left; display: inline; margin:0; padding:0;   height:18px; line-height:18px;}			
#header #jsddm li ul li a
{	display:block; float:left;  height:18px; line-height:18px;	font-weight:normal;	color: #34367C;   width:112px;  text-align:left; word-break:none; margin:0; padding:0; }  
 #header #jsddm #contact-menu ul{margin-left:-180px;}
  #header #jsddm #career-menu ul{margin-left:-100px;}
#header #jsddm #news-menu li{width:75px; margin-top:4px; float:left; display:inline;}
#header #jsddm #profile-menu li{width:75px; margin-top:4px; float:left; display:inline;}
#header #jsddm #service-menu li{width:75px; margin-top:4px; float:left; display:inline;}
#header #jsddm #project-menu li{width:75px; margin-top:4px; float:left; display:inline;}
#header #jsddm #career-menu li{width:75px; margin-top:4px; float:left; display:inline;}
#header #jsddm #contact-menu li{width:75px; margin-top:4px;float:left; display:inline;}
#header #jsddm li ul li a:hover{background:none;}
#header #jsddm #products-menu ul{width:620px; text-align:left;  margin-left:-100px; }	
#header #jsddm #products-menu li{margin-right:6px;}	
#jsddm li ul
{	margin: 0;padding: 0;	position: absolute;		 	visibility: hidden;		 
}
#jsddm li ul li
{	float: none;display: inline; margin:0; padding:0;  }			
 #jsddm li ul li a
{	width: auto; display:block; float:left; margin-right:12px;				color: #333;    }



#index_main {height:390px;  }
#index_main #index_left {width:635px; float:left; height:450px;}
  #index_main #index_left #up {
	  height:270px;
}
  #index_main #index_left #up #left1 {
	FLOAT: left; WIDTH: 310px;  _width:290px;  
}
  #index_main #index_left #up #left2 {
	DISPLAY: inline; FLOAT:right; WIDTH: 318px;   _width:310px;  
}
.index_title1 {
	 WIDTH: 300px; HEIGHT: 30px
}
.inddexcontent {
	  WIDTH: 300px; HEIGHT: 210px
}
.indexcontent1 {
	 WIDTH: 300px; HEIGHT: 210px
}
.indexcontent2 {
	BACKGROUND: url(../images/indexcontent_bg.jpg) repeat-x; WIDTH: 300px; HEIGHT: 210px
}
  #index_main #index_left #up #left1 .indexcontent1 UL {
	PADDING-LEFT: 6px; LIST-STYLE-TYPE: none; margin-top:6px;
}
  #index_main #index_left #up #left1 .indexcontent1 UL LI {
	FONT-SIZE: 13px; COLOR: #666; LINE-HEIGHT:20px; HEIGHT:20px
}
  #index_main #index_left #up #left1 .indexcontent1 UL LI A {
	COLOR: #666; TEXT-DECORATION: none
}
  #index_main #index_left #up #left1 .indexcontent1 UL LI A:hover {
	COLOR: #f00
}
 #left1 .index_title1 .indexhoverbg  {
	PADDING-RIGHT: 0px; DISPLAY: inline-block; PADDING-LEFT: 17px; FONT-SIZE: 12px; background:url(../images/icon_circle.gif) no-repeat left center;    COLOR: #8F2776;  height:25px; line-height:26px; margin-right:12px;
}
#left1 .index_title1 .indexhoverbg a{COLOR: #8F2776;}
 #left1 .index_title1 .indexlinkbg  {
	PADDING-RIGHT: 0px; DISPLAY: inline-block; PADDING-LEFT: 15px; FONT-SIZE: 12px;  color:#33357F;   height:25px; line-height:26px; margin-right:12px; font-weight:bold;
}
 #left1 .index_title1 .indexlinkbg  a{color:#33357F; }
  #index_main #index_left  .index_title1 .sp , #index_main #index_left  .index_title1 .sp a{ COLOR: #8F2776; }
 
.more {
	PADDING-RIGHT: 15px; DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: right; COLOR: #006; LINE-HEIGHT: 30px; HEIGHT: 30px
}
.more2 {
	PADDING-RIGHT: 15px; DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: right; COLOR: #006; LINE-HEIGHT: 30px; HEIGHT: 30px; margin-top:;
}
.more a{display:block; height:25px; padding:3px 12px; width:20px; background:url(../images/btn_more.gif) no-repeat left center; text-indent:-9999em; }
  #index_main #index_left #up #left1 .index_title1 .sp1 {
	PADDING-RIGHT: 0px; DISPLAY: inline-block; PADDING-LEFT: 15px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; WIDTH: 65px; COLOR: #c11c77; LINE-HEIGHT: 25px; PADDING-TOP: 0px; HEIGHT: 25px
}
  #index_main #index_left #up #left2 .index_title1 .sp1 {
	PADDING-RIGHT: 0px; DISPLAY: inline-block; PADDING-LEFT: 15px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; WIDTH: 65px; COLOR: #c11c77; LINE-HEIGHT: 25px; PADDING-TOP: 0px; HEIGHT: 25px
}
  #index_main #index_left #up #left1 .index_title1 .sp2 {
	BACKGROUND: url(../images/link.gif) no-repeat left bottom; COLOR: #fff
}
 
  #index_main #index_left #up #left1 .index_title1 .sp3 {
	BACKGROUND: url(../images/hove.gif) no-repeat left bottom; COLOR: #fff
}
 #index_main #index_left #up #left1 li{
  line-height:20px; margin-bottom:5px;
 }
.key{width:140px;}
 
 #index_main #index_right {
	  FLOAT:right; WIDTH: 300px; 
}
  #index_main #index_left #up .index_title1 .more A {
	FONT-WEIGHT: bold; COLOR: #006
}
  #index_main #index_left #up .index_title1 .more A:hover {
	COLOR: #f00
}
  #index_main #index_right #rightmain3 H3 .more1 {
	PADDING-RIGHT: 15px; MARGIN-TOP: -5px; DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 11px; FLOAT: right; LINE-HEIGHT: 15px; FONT-FAMILY: Verdana, Geneva, sans-serif; HEIGHT: 15px
}
  #index_main #index_right #rightmain3 H3 .moer1 A {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006
}
  #index_main #index_right #rightmain3 H3 .more1 A {
	FONT-WEIGHT: bold; COLOR: #006
}
  #index_main #index_right #rightmain3 H3 .more1 A:hover {
	COLOR: #f00
}
#index_main #index_left #up #left2 { height:230px; overflow:visible;}
  #index_main #index_left #up #left2   .tj1 {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; WIDTH: 290px; LINE-HEIGHT: 20px; PADDING-TOP:0px;  margin:0;
height:78px;}
  #index_main #index_left #up #left2   .tj1 div {
	FONT-SIZE: 12px; COLOR: #666
}
  #index_main #index_left #up #left2  .tj1 IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 5px 0px 0px; PADDING-TOP: 0px
}
  #index_main #index_left #up #left2  .tj1 .intro{width:200px; float:left;}
  #index_main #index_left #up #left2  .tj1 A {
	 COLOR: #333
}
  #index_main #index_left #up #left2  .tj1 A:hover {
	COLOR: #f00
}
  #index_main #index_left #down {
	CLEAR: both;   WIDTH: 635px; PADDING-TOP: 10px;  height:120px; position:relative;
}
#index_main #index_left #down .prev{width:20px; height:20px; display:block; background:url(../images/scoller_left.gif) no-repeat; position:absolute; top:70px; left:6px; text-indent:-9999em; z-index:99999;}
#index_main #index_left #down .next{width:20px; height:20px; display:block; background:url(../images/scoller_right.gif) no-repeat; position:absolute; top:70px; right:6px; text-indent:-9999em; z-index:9999999;}

  #index_main #index_left #down #slider h3{
	text-align:left; color:#333; line-height:16px; margin-bottom:3px;
}
  #index_main #index_left #down #slider h3 a{color:#333333; font-size:12px;}
  #index_main #index_left #down #slider UL {
	LIST-STYLE-TYPE: none
}
  #index_main #index_left #down #slider UL LI {
	 line-height:17px;
}
  #index_main  #rightmain1{height:145px; overflow:Hidden;  background:url(../images/side_title_bg.jpg) no-repeat;}
  #index_main #index_right .righttitle H3 {
	  PADDING-TOP: 10px; HEIGHT: 29px; clear:both; color:#333;
}
  #index_main #index_right .righttitle H3 SPAN {
	DISPLAY: inline-block;   WIDTH:67px; LINE-HEIGHT: 29px;   HEIGHT: 29px; TEXT-ALIGN: center; font-size:12px;  
}
#link #slider1 UL LI {
	WIDTH: 100%; LIST-STYLE-TYPE: none; HEIGHT: 100%; TEXT-ALIGN: left
}
.login_box .indexlinkbg {
	BACKGROUND: url(../images/login_tab_disable.gif) no-repeat left top; COLOR: #fff; width:67px; cursor:pointer;  position:relative; bottom:0px; overflow:hidden; _bottom:-2px;
} 
.login_box .indexhoverbg {
	BACKGROUND: url(../images/login_tab_cur.gif) no-repeat left top; COLOR: #b21b82; width:67px; cursor:pointer;  position:relative; bottom:0px; overflow:hidden; _bottom:-2px;
}
 
  #index_main #index_right #login , #index_main #index_right #adminlogin{
	BACKGROUND:url(../images/login_bg.gif) no-repeat 6px top; MARGIN: 0px auto; WIDTH: 287px; HEIGHT:105px; margin-top:-1px; 
}
  #index_main #index_right .login_box{margin-top:3px;}
   #index_main #index_right .login_box .login_tit{padding-left:12px; position:realtive; bottom:-1px; height:37px; overflow:visible;  }
.input1 {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ABABAB 1px solid; BORDER-LEFT: #ABABAB 1px solid; WIDTH: 128px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 18px
}
.anniu {
	  WIDTH: 58px; HEIGHT:52px; border:None; background:url(../images/btn_login.gif) no-repeat;  
}
.font1 {
	FONT-SIZE: 12px; COLOR: #b21b82
}
.font2 {
	FONT-SIZE: 13px; COLOR: #b21b82
}
#friend_link .con{padding:8px 12px;}
#friend_link li{float:left; margin-right:4px; margin-bottom:8px; height:34px; display:inline;}
#footer{ position:relative; padding-bottom:15px; padding-top:20px; background:url(../images/footer_line.jpg) no-repeat center top; margin-top:20px; height:110px;clear:both;}
#footer .blog{width:200px; height:30px; left:30px; top:18px; position:absolute;}
#footer p{text-align:center;}

#footer .stat2{ position:absolute; width:380px; height:30px; left:540px; top:74px;}
#footer .stat2 .fl{display:block; float:left; display:inline; margin-right:12px;}
#footer .stat{background:url(../images/stat_bg.gif) no-repeat center center; height:22px; line-height:22px;  width:320px; color:#fff; text-align:center;
position:absolute; left:200px; top:74px;
}
#footer .stat strong{color:#fff;}
.shade{background:url(../images/content_bg_bot.jpg) no-repeat left top; height:28px; }
#search{margin-top:10px;}
#quick-link{margin-top:10px;  }
#quick-link {background:url(../images/side_title_bg.jpg) no-repeat left top; }
#quick-link table{margin-left:8px; }
#quick-link .qk{width:200px; margin-bottom:6px;  }
#quick-link .qk2{width:140px; margin-bottom:4px;  }
#research{margin-top:10px; width:400px; height:250px; text-align:left;}
#research h3{border-bottom:1px solid #ccc; padding-bottom:4px; font-size:14px; color:#8F2776; margin-bottom:6px;}
 
#research ul{margin-bottom:6px; margin-top:5px;}
#research .inPanel{text-align:left;}
#research  ul{margin-top:3px; margin-bottom:6px;}
#research li{ margin-bottom:8px; }
#sidebar{width:216px; float:left;}
#sidebar .subnav{padding-bottom:70px; background:url(../images/subNav_bg_bot.jpg) no-repeat right bottom; width:216px}
#sidebar .subnav .nav_con{width:216px; background:url(../images/subnav_bg_top.jpg) no-repeat right top;  text-align:center; padding-bottom:15px;}
#sidebar .subnav .nav_con .title{ }
#sidebar .subnav .nav_con ul{width:165px; margin:10px auto; text-align:left;}
#sidebar .subnav .nav_con ul li{background:url(../images/nav_line.jpg) no-repeat center bottom; padding-left:12px; line-height:22px; margin-bottom:8px; padding-bottom:5px;}
#sidebar .subnav .nav_con ul li a{display:block; background:url(../images/arrow_p.gif) no-repeat left 8px; line-height:22px; display:block; padding-left:10px; color:#354082; font-size:13px; font-weight:bold;}
#sidebar .subnav .nav_con ul li a:hover{text-decoration:none;}
#main-content{width:729px; float:right; background:url(../images/content_con_bg.jpg) repeat-y left top; min-height:600px; position:relative;}
#main-content .deco{width:11px; position:absolute; left:0px; bottom:0px; background:url(../images/content_con_bg_bot.jpg) no-repeat left bottom; height:75px;}
#main-content #crumb{height:35px; background:url(../images/content_tit_bg.jpg) no-repeat left top; padding-top:12px; padding-left:22px;}
.content{padding:15px 40px 40px 30px;}
.content2{padding:15px 20px 20px 25px;}
.content3{padding:15px 60px 20px 30px;}
.content3 p{margin-bottom:1.5em; text-indent:0em; line-height:24px;}
.content3 .block h2{margin-bottom:1.5em;}
.content3 .block {padding-right:10px; padding-left:10px;}
.content3 strong{color:#333;}
.banner{text-align:center;}
#fastchannel{}
#leftvisual{margin-top:-20px; text-align:center; }
.channel{margin-top:5px; text-align:center; }
.news li{margin-bottom:6px;}
.news li span{}
.news li a{color:#444; font-size:14px; line-height:24px;}
.page{border-top:1px dotted #ccc; padding-top:6px; margin-top:10px; padding-left:10px; line-height:25px;}
.page .current{color:#990066}
.h3title{font-size:18px; text-align:center; margin-bottom:6px;}
.info{text-align:center;}
.halfmoon{
margin-bottom: 1em;
}

.halfmoon ul{

list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/

}

.halfmoon li{

margin: 0;
}

.halfmoon li a{
text-decoration: none;
margin: 0;
margin-right: 1px; /*distance between each tab*/
color: black;
font-size: 13px;

}

.halfmoon li a:visited{

}

.halfmoon li a:hover, .halfmoon li.selected a{
 background-color:#FF6600;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_e{
position:absolute;
top: -2px;
border: 1px solid #cccccc; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 11px ;
line-height:20px;
z-index:100;
background-color:#3B7500;
width: 200px;
visibility: hidden;
}


.dropmenudiv_e a{
color:#fff;
font-size:11px;
width: auto;
display: block;
text-indent: 5px;
line-height:20px;
border: 0 solid #97B578; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;

}
.dropmenudiv_e a:hover{ /*THEME CHANGE HERE*/
 background-color:#FF6600;
}

* html .dropmenudiv_e a{ /*IE only hack*/
width: 100%;
}
#welcome-info .ico{background:url(../images/icon_people.gif) no-repeat; padding-left:28px;}
#welcome-info p{padding-left:28px;}
.line{margin-bottom:20px; border-bottom:1px dashed #ccc; padding-bottom:10px;}
.block a, .block a:link{color:#1D2088;}
.block .pic{float:left;}
.block .intro{margin-left:160px;}
.block h2{color:#1D2088; font-size:14px; font-family:"宋体"; background:url(../images/icon_arrow.gif) no-repeat 0 5px; padding-left:14px; margin-bottom:8px; zoom:1;}
.download{float:right; }
.download a,  .download a:link{color:#6CBE3A; font-size:13px; font-weight:bold;  line-height:30px;}
.file_list li{line-height:30px;  border-bottom:1px dashed #ccc; padding-bottom:5px;   padding-top:5px; zoom:1; height:30px; vertical-align:middle; _padding-top:12px; padding-bottom:3px;}
.file_title{padding-right:20px;}
.col_l{width:490px; float:left; padding-left:4px;}
.col_r{float:right; width:180px; background:url(../images/side_shade.jpg) no-repeat left top; }
.col_r .block{padding-left:15px;}
.col_r .inner{ }
.project_list li{float:left; margin-left:5px;   display:inline; width:45%; background:url(../images/icon_dot.gif) no-repeat left 9px;  padding-left:9px;}
#project .list li{margin-bottom:12px; border-bottom:1px dashed #ccc; padding-bottom:8px;}
.photo_panel{ margin-bottom:30px;}
#career .con_wrap{
 background:url(../images/box_shade_top.jpg) no-repeat left top; padding-top:16px; margin-bottom:5px;
}
#career .con_wrap .con_shade{background:url(../images/box_shade_bot.jpg) no-repeat left bottom; padding-bottom:12px;}
#career .block{margin-bottom:30px;}
#career input ,#career textarea {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 2px; BACKGROUND: url(../images/input_bg.jpg) repeat-x; PADDING-BOTTOM: 2px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc 1px solid
}
#career .label{width:80px;}
#career .max{width:500px;}
#career #form1 td{}
.search li{margin-bottom:4px;}

#sitemap .map_list{margin-bottom:15px; clear:both; }
#sitemap .map_list ul{width:580px;}
#sitemap .map_list li{float:left; margin-right:14px; line-height:25px; height:25px;  display:inline;  
}
#sitemap h3 a{color:#96009F;}
#sitemap a:visited{color:#333;}
 #customer ul{margin-top:18px;}
 #customer .list li{
  height:70px; float:left; width:18%; margin-right:8px; display:inline;
 }
 #client_info {padding-top:16px;}
#client_info h3{color:#6C067F; font-size:14px; margin-top:20px;   font-size:13px; text-align:left; clear:both; margin-bottom:0px; padding-bottom:0px;   }
#client_info p{margin-top:0px; padding-top:0px; } 
#client_info {padding-right:30px;}
#client_info ul{  padding-top:0px;  position:relative;   top:-10px;}
#client_info li{float:left; width:24%; display:inline; margin-right:12px; margin-bottom:6px;  word-wrap:break-word; word-break:break-all;
 }
 #friend_link_page li{ width:100px; margin-right:18px; height:80px; float:left; display:inline;   text-align:center; _height:86px;}
  #friend_link_page li img{margin-bottom:3px;}
 #friend_link_page li a{color:#666; line-height:16px; }
 .page-nav{margin-top:40px; padding-top:6px; border-top:1px dotted #ccc;}
  .page-nav .prev-info{float:left; }
  .page-nav .next-info{float:right;}