@charset "utf-8";
@import url("reset.css");
/*html{overflow-x:hidden;}*/


/*----------header------------*/
.header_bg{
	background-color:transparent;
	background-image: url(../images/topNew.jpg);
	background-repeat: repeat-x;
	width:auto;
	height:165px;
	position:relative;
	margin-top:0px;
    background-position: -50px 0;
    
}
.header_bg2{
	background: url(../images/headbg3no.jpg) no-repeat;
	height:93px;
	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:31px;width:1004px; position:relative; background:url(../images/menubg.jpg) repeat-x;z-index:100}
.menu ul{ height:31px; line-height:29px; width:1004px; margin-left:50px;}
.menu ul li{ float:left; display:block; vertical-align:bottom}
.menu ul li a{height:31px;font-size:14px; display:block; text-align:left; margin-left:-1px; color:#fff; text-align:center; padding:0 50px 0px 50px}
.menu ul li.hover,.menu ul li.hover a:hover{background:url(../images/main_menu_over.png) top left no-repeat;}
.menu ul li.img_fenge{background:url(../images/menu_fenge.png) top left no-repeat; width:2px; height:29px;}
.menu ul li.hover a{ color:#f6f6f6;}
.menu ul li a:hover{
	background:url(../images/table_title_bg.jpg) no-repeat center 0px;
	height:31px;
	z-index:9991;
	color: #333333;
	padding:0 50px 0px 50px;
}
.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:31px;}


.menu .submenu_new{width:120px;display:none; position:absolute; margin-left:-3px; top:30px; z-index:99995; background:url(../images/submenubg3.png) left bottom; height:auto}
.menu .submenu_new .mymenu { margin-left:7px;height:35px;}
.menu .submenu_new .mymenu a{	
	background:url(../images/menu_sub_fenge.jpg) 0px bottom  no-repeat;
	z-index:99996;
	color:#333;
	font-size:14px;
	border-bottom:0px solid #666;
	vertical-align:middle;	
	width:107px;
	height:29px;
	_height:29px;
	text-align:center;
	padding:0 0px 0px 0px
	
}
.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:29px;
	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: #2163ba;
height:65px; 
width:1133px; 
}
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; padding-top:15px;}
.f_cc span.s1{color:#fff; line-height:22px; margin-right:0px; font-family:'微软雅黑'; font-size:14px; margin-top:5px; padding-left:10px;}
.f_cc span.s2{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_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_bgno.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;}



/*-------------------------instrument tab css---------------------------*/

/* root element for tabs  */
.tabs { 
	list-style:none; 
	/*margin:0 !important; */
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	
	width:922px;
	margin-top:80px;
	margin-left:40px;
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
.tabs a { 
	background: url(../images/tabs.png) no-repeat -652px 0;
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabs .w1 			{ background-position: -519px 0; width:134px; }
.tabs .w1:hover 	{ background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }

/* width 2 */
.tabs .w2 			{ background-position: -366px -0px; width:154px; }
.tabs .w2:hover 	{ background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }


/* width 3 */
.tabs .w3 			{ background-position: -193px -0px; width:174px; }
.tabs .w3:hover 	{ background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }

/* width 4 */
.tabs .w4 			{ background-position: -0px -0px; width:194px; }
.tabs .w4:hover 	{ background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}


/*----------------------------rili-----------------*/

.clendar {
	border-collapse:collapse;
	table-layout:auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
}
.clendar td {border:1px solid #cccccc;padding:0px;}
.clendar a:hover{ background:#CCC}
.r1{background:url(../images/clender_num/images/01.png) no-repeat #f2f2f2; display:block;}
.r2{background:url(../images/clender_num/images/02.png) no-repeat #f2f2f2; display:block;}
.r3{background:url(../images/clender_num/images/03.png) no-repeat #f2f2f2; display:block;}
.r4{background:url(../images/clender_num/images/04.png) no-repeat #f2f2f2; display:block;}
.r5{background:url(../images/clender_num/images/05.png) no-repeat #f2f2f2; display:block;}
.r6{background:url(../images/clender_num/images/06.png) no-repeat #f2f2f2; display:block;}
.r7{background:url(../images/clender_num/images/07.png) no-repeat #f2f2f2; display:block;}
/*---------------------------end-------------------------------------*/

/*---------------------------------home yiqi fenlei-------------------*/

.leibie_block{
	width:94%;padding:0px 0px 0px 0px;
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	border-top:1px solid #E5E5E5;
	background-color:#FFF; 
	margin-left:12px; margin-bottom:20px; margin-top:5px;
}

 .head_compoment{
	width:100%;
	height:auto;
	
    position:absolute;
    top:120px;
	}
	
/*/////////////////导航栏//////////////////////*/	
.header_nav_container{
	width:100%;
	height:40px;
	background:#700005;}
.navi_head{
	height:40px;
	
}
.navi_body{
	overflow:hidden;
	position:relative;
	z-index:1;
	height:40px;
	
	transition:height ease 0.5s;
}
.navi_body:hover{
	/*height:300px;*/
}

.navi_head>div>span{
	width:150px;
	text-align:center;
	height:300px;
	display:inline-block;
	font-weight:bold;
	color:#FFF;
	
	vertical-align:top;
        margin-left: 40px;
}

.navi_head>div>span>p a{
	color:#FFF;
	text-decoration:none;
}
.navi_head>div>span>p a:hover{
	color:#FFF;
	text-decoration:underline;
}

.navi_title{
	
	line-height:40px;
	margin-top:0;
    /*margin-left:-35px;*/
}

.navi_head>div>span:hover{
	background:rgba(100,100,100,0.2);
}
/*/////////////////导航栏//////////////////////*/		


.search_container {
    position:absolute;
    right:170px;
    width:280px;
    height:25px;
 
    top:5px;
}

.slt_search {
    float:left;
   color:#fff;
   height:25px;
   line-height:25px;
   width:55px;
}
    .slt_search input {
        margin-top:-3px;
    }
.search_compoment {
    float:right;
    box-sizing:border-box;
    width:220px;
    height:25px;
	border-radius:15px;
-moz-border-radius: 15px; 
-webkit-border-radius: 15px; 
     border:1px solid #dedede;
   background:#002248;
}

    .search_compoment input[type="text"] {
        border:none;
        background:transparent;
        color:#fff;
        font-size:13px;
        width:70%;
        height:90%;

    }

     .search_compoment input[type="submit"] {
         float:right;
        border:none;
        background:transparent;
        padding:3px 8px 2px 8px;
        color:#fff;
        font-size:12px;
margin-top:1px;
height:22px;
width:50px;
margin-right:5px;
    }

    .search_compoment input[type="button"] {
         float:right;
        border:none;
        background:transparent;
        padding:3px 8px 2px 8px;
        color:#fff;
        font-size:12px;
margin-top:1px;
height:22px;
width:50px;
margin-right:5px;
    }