﻿
/*---------------------------------// 顶部-----------------------------------*/
#header	{position: ; width:100%; 
/*z-index:1000; top:0; margin:0; overflow: visible;
background-color: rgba(255,255,255,0.96);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);
  -webkit-box-shadow: 0 2px 2px #EFEFEF;  
  -moz-box-shadow: 0 2px 2px #EFEFEF;  
  box-shadow: 0 2px 2px #EFEFEF ;*/
  }

#topmain{width:1200px; height:90px; margin:0 auto;position: relative;}
#topmain .logo{ display:block; float:left; margin:0; padding:0; border:0; }
/*#top {	width:1100px; margin:0 auto;position: relative;  }*/
#topmain ul.hai{ position: absolute; z-index:999; right:0; top:0; padding-right:40px; }
#topmain ul.hai li {float:left;}
#topmain ul.hai li a{float:left; display:block; margin-left:25px;font: normal 12px/35px "Arial", "宋体"; color:#777; background:url(../ico/ico_dian3.png) left center no-repeat; text-indent:5px;}
#topmain ul.hai li a:hover{color:#666; }

#prosearch {
	width:237px;float:left; padding-top:28px;
/*	position:absolute;
	right:0;
	top:0*/
}

#prosearch form {
	display:block;
	width:228px;
	float:left;
/*	background:url(../images/bg_menu_over.png)
*/}
#prosearch form input.txtBox {
	width:185px;
	height:30px;
	font:normal 14px/30px "微软雅黑";
	color:#999;
	background:#FFF;
	border: #ccc 1px solid; border-right:none; overflow:hidden;
	float:left;
	padding-left:5px
}
#prosearch input.login {
	width:32px;
	height:32px;
	border: #ccc 1px solid; border-left:none;
	background:url(../ico/search.jpg) center center no-repeat #FFF;
	float:left;
	cursor:pointer; border-radius:0 3px 3px 0 ; overflow:hidden;
}


ul.linklist{ position: absolute; left:0; top:0; display:none; width:100%;   }
ul.linklist li a{ float:left; width:100%; border-bottom:#676767 1px dashed; color:#666 ; background:url(../ico/ico_012.png) right center no-repeat #FFF;}
ul.linklist li a:hover{ color:#3292DE;}
#language{ position: absolute; top:30px; right:20px; z-index:200;  width:30px;  font:normal 14px/26px "微软雅黑"; cursor:pointer; color:#666; background:url(../ico/02.gif) right center no-repeat #FFF;}

/*---------------------------------// 导航-----------------------------------*/
#header .btn_nav	{display:none}
.nav{ float:left; margin:0 50px;}
.nav ul{float:left;}
.nav ul li{ float:left; position:relative; }
/*.nav ul li:after{ position: absolute; right:0; top:11px; content:""; width:1px; height:23px; background-color:#2d6cc2; }
.nav ul li:last-child:after{ display:none; }*/
.nav ul li a{ display:block; float:left;  font: normal 18px/90px "微软雅黑",Arial; color:#000; text-align:center; width:150px; }
.nav ul li a:hover,.nav ul li a.cur{  color:#FFF; background-color: rgba(51,153,204,0.85);}


.nav ul li ul{ position:absolute; left:0; top:90px; display:none ; 
width:150px; z-index:11; background-color: rgba(51,153,204,0.85);
}

/*.nav ul li ul li:first-child{  position:absolute; top:-16px; padding-top:16px; 
background:url(../ico/lit_up.png) no-repeat center top;}*/
/*.nav ul li:last-child ul{ right:0; border-radius:0 0 4px 4px;text-align: center; width:135px;}*/
.nav ul li ul li{ float:left;width:150px;}
/*.nav ul li ul li:last-child a{border-bottom:none; }*/
.nav ul li ul li a{ float:left;width:100%; line-height:40px; font-size:14px; color:rgba(255,255,255,0.8);
border-bottom: 1px dashed rgba(255,255,255,0.5); }

.nav ul li ul li a:hover{ color:rgba(255,255,255,1); background-color: rgba(0,153,204,1);
/*border-bottom: 1px dashed rgba(255,255,255,1);*/  }



.nav ul li ul li ul{ position:absolute; display:none; z-index:12; left:150px; top:0; width: ; background: #ddd;border-radius:4px; }
.nav ul li ul li:last-child ul{  display:none; height:0; width:0; background: none;  }
.nav ul li ul li ul li a{ }
.nav ul li ul li ul li a:hover{ }

@media screen and (max-width:800px){
	
	#topmain{width:100%; height:50px; }
	#topmain .logo{height:50px; width:auto; margin-left:1%;}
	#prosearch {display:none;}
	#language{top:12px; right:70px; }
	
	 #header .btn_nav	{display:block; font-size:0;}
	 #header .btn_nav.open	{position:absolute; top:0; right:0; width:60px; height:50px; background:url('../ico/btn_nav_open.png') center center no-repeat;  }
	 #header .btn_nav.closed	{position:absolute; top:0; right:0; width:60px; height:50px; background:url('../ico/btn_nav_closed.png') center center no-repeat;}
	
	 #header .nav	{overflow-y:scroll; position:fixed; z-index:100; top:0; right:-240px; margin:0; bottom:0; left:auto; width:240px; background:#fff;
	 -webkit-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000);}
	 #header .on	{ right:0 !important;
	 -webkit-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all 0.5s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	 }
	 #header .nav ul	{padding-top:51px}
	 #header .nav ul li	{float:left; width:100% !important; margin:0 !important; border-top:1px solid #e9eff5; }
	/* #header .nav ul li:first-child	{border-top:1px solid #e9eff5; }*/
	 #header .nav ul li a	{ width:100%; font-size:15px; text-align:left; line-height:50px; text-indent:30px;position:relative;}

	 #header .nav ul li a:after		{content:""; display:block !important; position:absolute; top:20px; right:20px; width:17px; height:9px; background:url('../ico/bg_gnb_arr.png') no-repeat 0 -9px}
	 #header .nav ul li:hover a:after		{content:""; display:block !important; position:absolute; top:20px; right:20px; left:auto; width:17px; height:9px; background:url('../ico/bg_gnb_arr.png') no-repeat 0 -9px}


	 #header .nav ul li.on ul li a:after	{display:none !important;}	
	 #header .nav ul li.on:hover a:after ul li a:after	{display:none}
	 #header .nav ul li ul li a:after	{display:none !important}
	 #header .nav ul li:hover ul li a:after	{display:none !important}

	 #header .nav ul li ul	{position:static !important; display:block; margin:0 !important; padding:20px 0 !important; border:0; background:#f0f5fa; box-shadow:none; width:240px; overflow:hidden;}
	 
	 
	 #header .nav ul li ul li	{float:none !important; border:0}
	 #header .nav ul li ul li a	{margin:0 !important; color:#666; font-size:14px !important; line-height:30px !important;  text-transform:none}
	 #header .nav ul li ul li:first-child a:hover	{box-shadow:none}
	
	
	
	
	
	
	
	
	
	
	
	
}
