img {border: 0;}
*{ margin:0; padding:0; } 
body, th, td, div, span,p, ul, li, a, input, textarea {font:12px/150%  tahoma, "宋体";color:#888888;}
body{text-align:center;margin:0 auto; margin-top:20px;margin-bottom:20px; background:#333}
form {margin: 0;padding: 0;}
ul{ list-style:none}
input, select, textarea {font:11px  tahoma}
a {color: #888888;text-decoration: none;}
a:hover {color: #2b6fac;}
.clear{ clear:both}

.wrap{width: 900px;margin:0 auto;text-align:left;}
.top{height:120px;background:url(../images/top_bg.gif) no-repeat}
.main{ padding-bottom:20px;background:url(../images/main_bg.gif) #fff left bottom no-repeat; overflow:hidden;zoom:1}
.fontbluebold{font-weight:bold; color:#6286b6}
.fontbluebold a{font-weight:bold;color:#6286b6}
.fontbluebold a:hover{color:#002b60}
/*主菜单三级中英文*/
.menu { float:left;width:558px;margin-left:20px; display:inline}

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

/* style the sub-level lists */
.menu ul ul { }

/* 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;margin-right:1px;height:45px;line-height:45px; display:block;background:url(../images/menu_li_bg.gif) no-repeat}

/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto; line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block; font-weight:bold;float:left;width:94px;w\idth:92px;height:100%;height:45px; line-height:45px;text-decoration:none;color:#fff;text-align:center;}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited  {width:94px; w\idth:92px;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#2b6fac; color:#fff; width:94px; w\idth:92px; height:100%;line-height:1em; padding:0.5em 0; border-bottom:1px solid #205b94; font-weight:normal}
* html .menu ul ul a, * html .menu ul ul a:visited    {width:94px; w\idth:92px; font-weight:normal}


/* 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:#2b6fac;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#2b6fac;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 { background:#2b6fac url(../images/menu_sub1_bg.gif) right center no-repeat;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 { background:#2b6fac url(../images/menu_sub1_bg.gif) right center no-repeat}


/* style the level hovers */
/* first */
* html .menu a:hover  {color:#ff0;position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#ff0;}
/* second */
* html .menu ul ul a:hover{color:#ff0;background:#003169 url(../images/menu_sub_bg.gif) repeat-x; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#ff0;background:#003169 url(../images/menu_sub_bg.gif) repeat-x;}
/* third */
* html .menu ul ul ul a:hover {background:#003169 url(../images/menu_sub_bg.gif) repeat-x; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#003169 url(../images/menu_sub_bg.gif) repeat-x;}
/* fourth */
.menu ul ul ul ul a:hover {background:#003169 url(../images/menu_sub_bg.gif) repeat-x; 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:41px; left:0; }

/* position the third level flyout menu */
.menu ul ul ul{left:0;top:0;width:92px;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent url(images/trans.gif); left:-3em;}
/* 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:56px;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/*主体部分*/

/*三栏*/
.maincontent{ margin:20px;}
.leftside{ float:left;width:208px;}
.centerside{ float:left;width:307px; margin-left:30px}
.rightside{ float:left;width:280px;margin-left:30px}
/*两栏*/
.leftside2{ float:left;width:208px;}
.rightside2{ float:left;width:617px;margin-left:30px}
/*登录窗*/
.loginbar{ float:left;width:295px; color:#6e6e6e; height:45px;background:url(../images/login_bar_bg.gif) no-repeat}
.loginbar .info{float:left; padding-left:20px;height:45px; line-height:45px;}
.loginbar form{float:left;margin-left:10px; margin-top:7px; display:inline}
.loginbar form *{vertical-align:middle}
.loginbar input{ width:88px;margin-left:2px;  padding:0 5px;height:26px; line-height:26px; display:inline; border:none;background:url(../images/loginbar_input_bg.gif) no-repeat}
.loginbar .btn{width:37px; height:27px;margin-left:2px; border:none;cursor:pointer; background:url(../images/loginbar_btn_bg.gif) no-repeat; }
/*导航*/
.nav{ float:left;width:617px;}
.nav .title{ float:left;width:582px;height:47px; line-height:47px; padding-left:35px;background:url(../images/nav_title_bg.gif) no-repeat}
/*文章列表*/
.articlelist{float:left;width:617px; margin-top:10px;}
.articlelist li{ height:32px; line-height:31px; padding-left:10px;background:url(../images/list_li_bg.gif) no-repeat}
.articlelist li span{float:right; font-size:11px;height:32px; line-height:32px;}
/*文章内容*/
#articlectrl #articletitle{ width:611px; margin-top:10px;padding:10px 10px 10px 0;}
#articlectrl #articletitle h1{ font-family:"微软雅黑", "宋体", sans-serif; font-size:24px; text-align:center}
#articlectrl #articleinfo{height:24px;margin:0 auto;background:url(../images/dot_line_gray.gif) left bottom repeat-x;text-align:center; padding:5px 0;}
#articlectrl #articleinfo li{ display:inline; margin-right:2px;}
#articlectrl #articlebody {width:611px;margin:0 auto; padding:10px 0 0 0;line-height:180%;}
#articlectrl #articlebody p{line-height:180%;}
/*内容页*/
.pagescontent{ width:611px; margin-top:10px;padding:10px 10px 10px 0;}
.pagescontent p{line-height:180%;}
/*分页*/
.page { float:left;width:611px; margin-top:10px;padding: 3px 0; text-align: right;font-family:Arial, Helvetica, sans-serif;}
.page a { font-family:Arial, Helvetica, sans-serif;border:1px solid #ccc ;margin: 2px;  padding:2px 5px;color: #5b94c9; text-decoration: none}
.page a:hover {border: 1px solid #999 }
.page a:active {border: 1px solid #999 }
.page .current {border: #5b94c9 1px solid; padding: 2px 5px; font-weight: bold; margin: 2px; color: #fff;background-color: #5b94c9}
.page .disabled {border: #eee 1px solid; padding: 2px 5px;  margin: 2px; color: #ddd; }
/*左侧边栏*/
.leftsidebar{ float:left; width:208px}
.leftsidebar li { float:left; display:block;background:url(../images/leftsidebar_li_bg.gif) no-repeat}
.leftsidebar li a{ float:left;width:172px; height:36px; line-height:36px; padding-left:36px; }
.leftsidebar li a:hover{float:left;width:172px; height:36px; line-height:36px; padding-left:36px;background:url(../images/leftsidebar_li_hover_bg.gif) no-repeat}
.leftsidebar li#title{float:left;width:172px; height:33px; line-height:33px; padding-left:36px; background:url(../images/leftsidebar_top_bg.gif) no-repeat}
/*在线咨询*/
.online{ float:left;}
.online{float:left; width:178px; height:121px; padding-top:24px; padding-left:30px;background:url(../images/online_bg.gif) no-repeat}
.online .title{ color:#6286b6}
.online ul{ margin-top:10px; width:130px;}
.online li{display:inline; margin-right:10px; overflow: hidden}
/*搜索*/
.search{ float:left;width:208px; margin-top:10px;height:81px;background:url(../images/search_bg.gif) no-repeat}
.search form{ margin-top:36px; margin-left:36px}
.search input{width:88px;height:28px; line-height:28px;color:#aaa;border:0; background:none; display:inline; }
.search .btn{ position: relative; top:0; left:5px;width:37px; height:28px;margin-left:5px;border:none;cursor:pointer; background:url(../images/search_btn_bg.gif) no-repeat; }

/*BANNER*/
.banner{ float:left;}

/*companyinfo*/
.companyinfo{ float:left; width:307px;margin-top:20px; text-indent:2em; line-height:200%}

/*公司资讯*/
.newsevent{ float:left;width:280px;}
.newsevent .title{ float:left;width:245px; font-size:11px; font-weight:bold;height:47px; line-height:47px; padding-left:35px;background:url(../images/newsevent_title_bg.gif) no-repeat}
.newsevent .title span a{ float:right;height:47px; line-height:47px; margin-right:10px}
.newsevent .content{float:left;width:275px; margin-top:10px;}
.newsevent .content li{ height:32px; line-height:31px; padding-left:10px;background:url(../images/newsevent_li_bg.gif) no-repeat}
.newsevent .content li span{float:right; font-size:11px;height:32px; line-height:32px;}
/*+*/
.newsevent .content li.element { height:32px; line-height:31px; padding-left:10px;background:none;color:#006699}

/*底部*/
.footer{ clear:both;height:56px;background:url(../images/footer_bg.gif) no-repeat}
.footer .sub{ width:100%; text-align:center;}
.footer .sub ul{text-align:left; padding-left:10px;}
.footer .sub li{ display:inline;color:#fff; line-height:56px;padding:0 8px;background:url(../images/footer_sub_line.gif) right center no-repeat}
.footer .sub li a{ color:#fff}
.footer .sub li a:hover{ color:#ff0}


/*后来+*/
li.Element_list {
	height: 35px;
	overflow: hidden;
	background-color: #f9f9f9;
}
li.Element_list a { clear:both;clear:both;width:172px; height:36px; line-height:36px; padding-left:36px;  }
li.Element_list div{clear:both;	height: 30px;overflow: hidden; }
li.Element_list div a{clear:both;	height: 30px;overflow: hidden;}


#tips{display:none}