﻿@charset "utf-8";
@import url("reset.css");
/*html{overflow-x:hidden;}*/



/*----------header------------*/
.header_bg{
	background-color:transparent;
	background-image: url(../images/head.jpg);
	background-repeat: repeat-x;
	width:auto;
	height:98px;
	position:relative;
}
.header_bg2{
	background: url(../images/top.jpg) no-repeat;
	height:98px;
	width:auto;
	background-position:top left;
	z-index:2;
	position:relative;
	
}
.header_bg3{
	background: url(../images/head02.jpg) no-repeat;
	height:115px;
	width:auto;
	background-position:top left;
	z-index:2;
	position:relative;
	
}
.header{ width:100%; margin:0 auto; 
height:93px; 
position:relative; 
/*background:url(../images/headbg4.jpg) repeat-x*/
}
.header_left{ width:33.3%; margin:0 auto; height:120px; position:relative; float:left; min-width:380px;}
.header_mid{ width:33.3%; margin:0 auto; height:120px; position:relative; float:left;min-width:320px;text-align:center;}
.header_right{ width:auto; margin:0 auto; height:120px; position:relative; float:right; }
.header_left .title{
	display:block;
	background:url(../images/system.png) no-repeat;
	width:345px;
	height:27px;
	/*text-indent:-9999em;*/
	position:relative;
	top:10px;
	left:25px;
	color:#F7F7F7;
	padding:0px auto 20px 0px
}
.header_left .info{
	display:block;	
	width:286px;
	height:23px;
	/*text-indent:-9999em;*/
	position:relative;
	top:15px;
	left:35px;
	color:#F7F7F7;
	padding:0px auto 0px 0px
}
.header_right .logo a{
	display:block;
	background:url(../images/logo.png) no-repeat;
	width:215px;
	height:63px;
	text-indent:-9999em;
	position:absolute;
	top:10px;
	right:3px;
}
.header_right .info2{
	display:block;	
	width:270px;
	height:23px;
	/*text-indent:-9999em;*/
	position:relative;
	top:100px;
	left:0px;
	color:#F7F7F7;
	padding:0px auto 0px 0px
}
.header_login{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:204px;
	height:41px;
	line-height:25px;
	color:#666;
	background:url(../images/logoutbg.png) no-repeat center;
	text-align:center;
	left:50%; margin-left:-102px;
	padding-top:0x;
}
.header_mid li{
display: inline; width:72px; margin-left:10px;
}

.header_mid li a{
float: left;
color: #333333;
padding: 0px 0px 0px 0px;
height:26px;
text-decoration: none;
/*border-right: 1px solid #CFCFCF;*/
width:72px;
}

.header_mid li.logout a{
	display:block;
	background:url(../images/logout_btn.png) no-repeat;
	width:72px;
	height:26px;
	text-indent:-9999em;		
	float: left;
}
.header_mid li.logout a:hover{
	color: #000;
	background: url(../images/logout_btn.png) no-repeat 0px -26px;
}

.header_mid li.mdpass a{
	display:block;
	background:url(../images/modi_pass_btn.png) no-repeat;
	width:82px;
	height:26px;
	text-indent:-9999em;	
	float: left;
}

.header_mid li.mdpass a:hover{
color: #000;
background: url(../images/modi_pass_btn.png) no-repeat 0px -26px;
}

.header .links{ position:absolute; right:10px; bottom:0px;}
.header .links a{ margin-left:20px; display:block; float:left; height:25px; line-height:25px;}
.header .links a:hover{ color:#2C8BB2;}
.tel{ position:absolute; top:7px; right:124px; color:#666;}

.login a{ margin:0 10px; color:#f1f1f1;}
.login a:hover{ color:#61FFFF;}

/*----------menu------------*/
.menu{height:35px;width:1004px; position:relative; background:url(../images/menubg.jpg) repeat-x ;z-index:100;}
.menu ul{ height:42px; line-height:35px; width:auto; margin-left:30px;}
.menu ul li{ float:left; display:block; vertical-align:bottom}
.menu ul li img{ float:left; display:block; vertical-align:bottom; width:2px; height:35px}
.menu ul li.img_fenge{height:35px;width:2px; position:relative; background:url(../images/menu_fenge.png) no-repeat left 1px;z-index:100}
.menu ul li a{height:35px;font-size:14px; display:block; text-align:left; margin-left:-1px; color:#fff; text-align:center; padding:0 26px 0px 26px}
.menu ul li.hover,.menu ul li.hover a:hover{background:url(../images/main_menu_over.png) top left no-repeat;}
.menu ul li.hover a{ color:#f6f6f6;}
.menu ul li a:hover{
	background:url(../images/table_title_bg.jpg) no-repeat center 0px;
	height:35px;
	z-index:9991;
	color: #333333;
	padding:0 26px 0px 26px;
}
.menu ul li a.current2 {background:url(../images/table_title_bg.jpg) left 2px no-repeat;color: #333333;}
.menu ul li.current2 a{color: #333333;background:url(../images/table_title_bg.jpg) 0px 0px no-repeat;height:35px;}


.menu .submenu_new{width:120px;display:none; position:absolute; margin-left:-3px; top:35px; z-index:99995; background:url(../images/submenubg3.png) left bottom; height:auto; padding-bottom:10px;}
.menu .submenu_new .mymenu { margin-left:7px;height:24px;}
.menu .submenu_new .mymenu a{	
	background:url(../images/menu_sub_fenge.jpg) 0px bottom  no-repeat;
	z-index:99996;
	color:#333;
	font-size:12px;
	border-bottom:0px solid #666;
	vertical-align:middle;	
	width:107px;
	height:22px;
	text-align:center;
	padding:0 0px 0px 0px;
	line-height:22px;
	overflow:hidden;
	
}
.menu .submenu_new .mymenu a:hover{
	/*background:#f4f4f4; ul >li >ul >li二级菜单 不定义底色，会继承上级Li的over底图属性*/
	background:url(../images/menu_sub_fenge.jpg) 0px bottom  no-repeat;
	z-index:99999;
	color:#2775b1;
	width:107px;
	height:22px;
	padding:0 0px 0px 0px
}
.menu .submenu_new .current2{color: #000;
background:url(../images/submenu_overbg.png) -12px 0px repeat-y;
height:35px; width:103px;
z-index:99999;

}


/*----------footer_banner------------*/
.footer_banner{ 
background:url(../images/mid_bg2.jpg) repeat-y;
height:66px; 
width:1004px;
margin-left:0px;
}
.f_b_box{ margin:0 auto; padding-top:10px; text-align:center; position:relative; height:55px}
.f_cc{margin-left:0px; margin-bottom:0px; padding-bottom:0px; text-align:center; width:100%; _margin-bottom:0px; _padding-bottom:5px;}
.f_cc span.s1{color:#000; line-height:22px; margin-right:0px; margin-top:5px; padding-left:10px;}
.f_cc span.s2{color:#918d7b; background:url(../images/wx_logo2.png) center 4px no-repeat; text-align:center; font-size:14px; line-height:34px; height:34px; width:1004px; display:block; }
.f_cc span.s2:hover{color:#323670; background:url(../images/wx_logo2.png) center 4px no-repeat; text-align:center; font-size:14px; line-height:34px; height:34px; width:1004px; display:block; }
.f_copy{background:url(../images/footer.png) 0 0px no-repeat; display:block; text-indent:-9999em; height:30px; width:890px; margin:0 5px; float:left;top:0px}
.f_copy:hover{background:url(../images/footer.png) 0 0px no-repeat;}
.weibo{background:url(../images/f_b_icon.gif) 0 -62px no-repeat; display:block; text-indent:-9999em; height:31px; width:36px; margin:0 5px; float:left;}
.weibo:hover{background:url(../images/f_b_icon.gif) 0 -93px no-repeat;}
.weibo_t{background:url(../images/f_b_icon.gif) 0 -124px no-repeat; display:block; text-indent:-9999em; height:31px; width:36px; margin:0 5px; float:left;}
.weibo_t:hover{background:url(../images/f_b_icon.gif) 0 -155px no-repeat;}
.live800{ float:right; margin-right:10px; margin-top:10px;color:#eaf2ee}

		
/*----------foot------------*/
.footer_bg{background:#434343 url(../images/footer_bg.gif) 0 0px repeat-x; color:#ccc;padding:15px 0;clear:both; padding-bottom:50px;text-shadow: 1px 1px 0 #3D3D3D;}
.footer{line-height:200%;width:960px;margin:0 auto;position:relative;}
.footer .f_title{ font-size:14px; margin-bottom:5px; color:#aaa;}
.about a,.cooper_b a,.support a,.forum a,.document a{ display:block;}
.about,.cooper_b,.support,.forum,.document{ float:left; display:inline; padding:0 64px;background:url(../images/footer_line.gif) right 3px no-repeat; height:169px;}
.document{ background:none;}
.license_w{}
.license{ clear:both; height:50px; line-height:50px; width:960px; margin:0 auto; text-align:center;background:url(../images/footer_line2.gif) center 0 no-repeat;}
.license a,.license span{ margin:0 7px;}
.statis img{ display:none;}
.footer_bg a{color:#ccc;}
.footer_bg a:hover{color:#61FFFF;}
.footer_bg .pic_w{ width:960px; margin:0 auto; text-align:center;}
.footer_bg .pic a{margin:0 15px;}
.footer_bg .pic iframe,.footer .pic img{ border:1px solid #ccc; height:48px;}

.footer_ipad{position:static;}

