@charset "utf-8";
/* CSS Document */
header {
	font:normal 16px 'microsoft yahei';
	width:100%;
	height:90px;
	line-height:90px;
	position:fixed;
	z-index:999;
	background:rgba(0,0,0,.38);height:70px;line-height:70px;box-shadow:0 5px 6px 0 rgba(0,0,0,.15);transition:background-color .6s;
}
header .container{width:95%;margin:auto;height:100%; }
#logo {
    position: absolute;
    width:250px; 
	left:4%;
	-ms-transition: all .5s;
    transition: all .5s;
}
#logo img{ width:100%;}
header nav .icon_menu{display:none;}
header nav {
    width: 630px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    color: #fff;
}
header nav ul {
    height: 100%;
}
header nav li {
    float: left; 
	padding:0 15px;
    height: 100%;
}
header nav li a{
   color: #ccc;
}
header nav li.active, header nav li:hover{
    border-bottom: 3px solid #00DFB8;
}
header nav li.active a,header nav li:hover a{color: #00DFB8;}


header .nav-tel{position:absolute;right:4%;top:0;color:#00DFB8;font-size:21px;}
header .nav-tel b{margin-right:5px; display: inline-block;width: 30px;height: 30px;text-decoration: none;background: url(../images/wtel.png) no-repeat;vertical-align:middle;position:relative;top:-3px;}   
@media screen and (min-width:1050px){
		#index_x{ display:none}
}

 @media screen and (max-width:1050px){  
	#header{height:60px;line-height:60px;}
	#header #logo img{width:60%;} 
	header .nav-tel{right:12%;}
	header nav{position:absolute;width:100%;top:100%;margin:0;left:0;}
	header nav ul{ position:absolute;top:0;left:80%;width:20%;display:none;}
	header nav ul.show{display:block;}
	#header nav li{width:auto;float:none;background:rgba(51,51,51,.66);border-bottom:1px dotted #999;margin-bottom:0;}
	#header nav li a{font-size:13px;display:block;padding:0 25px;border-top:none;}
	header nav li.active a, header nav li a:hover{border-top:none;} 
	header nav li a:after{content:"";clear:both;height:0;display:block;}
	#header nav .icon_menu{display:block;font-size:39px;position:absolute;right:10px;top:-100%;margin-top:5px;cursor:pointer;}
	header nav .icon_menu:before{color:#00DFB8;}
	#header nav li,#header nav li a,#header nav li a b:before,#header nav li a span{height:35px;line-height:35px;}	
	#header nav li a b{float:left;display:block;font-size:18px;color:#fff;}
	header nav li a span{float:right;}
}