﻿@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:83px;
	position:relative;
}
.header_bg2{
	background: url(../images/head_2.png) no-repeat;
	height:83px;
	width:1004px;
	background-position:top left;
	z-index:2;
	position:relative;
    margin:0 auto
	
}
.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:20px;width:800px; position:relative; z-index:100;float:right;margin-top:50px;}
.menu ul{ height:20px; width:auto; margin-left:60px;}
.menu ul li{ float:right; width:84px;height:20x;line-height:20px;text-align:center; vertical-align:bottom;border-right:1px solid #cfcfcf}
.menu ul li img{ float:left; display:block; vertical-align:bottom; width:2px; height:51px}
.menu ul li.img_fenge{height:20px;width:2px; position:relative; background:url(../images/nav_fenge.jpg) no-repeat left 0px;z-index:100}
.menu ul li a{height:20px;font-size:14px; display:block; line-height:20px;text-align:left; margin-left:-1px; color:#97b75b; text-align:center;font-weight:bold}
.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{
	
	height:20px;
	z-index:9991;
	color: #333333;

}
.menu ul li a.current2 {color: #333333;}
.menu ul li.current2 a{color: #333333;height:20px;}


.menu .submenu_new{width:120px;display:none; position:absolute; margin-left:-1px; top:20px; z-index:99995; background:url(../images/submenubg3.png) left bottom; height:auto; padding-bottom:10px;}
.menu .submenu_new .mymenu { margin-left:7px;height:24px; float:left}
    .menu .submenu_new .mymenu{
        border:none;
    }
.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:20px;
	line-height:20px;
	text-align:center;
	padding:3px 0px 0px 0px;
	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:#97b75b;
	width:107px;
	height:20px;
	padding:3px 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/footer_bg.jpg) repeat-x;

height:89px; 
width:100%;
}
.footer_banner2{ 
background:#23272c;
height:89px; 
width:100%;
}
.f_b_box{ margin:0 auto; padding-top:20px; text-align:center; position:relative; height:50px; width:1004px;}
.f_cc{margin-left:0px; margin-bottom:0px; padding-bottom:0px; text-align:center; width:1003px;}
.f_cc span{color:#fff; line-height:18px; margin-right:0px; font-family:'微软雅黑'; font-size:12px;}
.f_cc a{color:#ffffff; }
.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;}


