@charset "utf-8";

/*head*/
.head{
	width: 100%;
	height: 87px;
	position: relative;
	z-index: 4;	
	background: #000;
}       
	.head .index{
		width: 1180px;
		margin: 0 auto;
	}
		/*logo*/
		.head .index .logo{
			width: 214px;
		}
			.head .index .logo img{
				display: block;
				width: 100%;
			}
		/*PC端 样式*/
		.pc-menu{
			width: 716px;
			height: 87px;
			position: relative;
		}  
			/*ul li*/
			.pc-menu .index ul {}		
			.pc-menu .index ul li {
				float: left;		
				height: 87px;
				padding: 0 25px;
				position: relative;
			}			
				.pc-menu .index ul li a {
					display: block;
					text-align: right;
					line-height: 87px;			
					font-size: 16px;
					color: #fff;
				}
					/*ul li ul li*/
					.pc-menu .index ul li ul {
						display: none;	
						width: 330px;
						overflow: hidden;
						position: absolute;
						left: 0; top: 87px;	
					}	
					.pc-menu .index ul li ul li{
						width: 100%;
						height: 50px;
						padding: 0 15px;
						background:#000;	
						border-bottom: 1px solid #353535;		
					}	
						.pc-menu .index ul li ul li a {
							height: 50px;
							line-height: 50px;
							font-size: 14px;
							text-align: left;
						}	
					.pc-menu .index ul li li:hover{
						background: #f3782c;
					}							
			.pc-menu .index ul li:hover ul {
				display: block;				
			}
			.pc-menu .index ul li:hover{
				background: #f3782c url(../images/head_current.png) no-repeat center bottom;				
			}	
				.pc-menu .index ul li:hover a{
					color: #000;
				}		
					.pc-menu .index ul li:hover ul li a{
						color: #fff;
					}
						.pc-menu .index ul li:hover ul li:hover a{
							color: #6a6a6a;
						}
			/*phone端 样式*/
			#menu-show{
				position: fixed;
				right: 4%; top:18px; z-index: 4;
			}
				#menu-show img{
					height: 26px;
				}
			.window_hide{
			  display: none;
			  position: fixed;
			  top: 60px;
			  left: 0;
			  z-index: 10;
			  width: 100%;
			  height: 100%;
			  background: #000;
			}
				.window_hide a.close{
					position: fixed;
					right: 4%; top:18px; z-index: 4;
				  	width: 80px; 
				  	height: 26px;
				}
				.window_hide .content{
				  	position: absolute;
				  	left: 4%;
				  	top: 25px;
				  	width: 92%;
				}	
					/*有二级下拉菜单*/	
					#drop-down{
						width: 100%; 
						overflow: hidden;
					}
						.menu_head{
							width:100%; 
							height:35px; 
							line-height:35px;
							font-size:16px; 					
							cursor:pointer; 
							position:relative;
						}
							.menu_head a{color:#d9d9dc;}
						.menu_body{
							width:100%;
							overflow:hidden;
						}
							.menu_body a{
								display:block; 
								line-height:25px;
								color:#fff; 
								font-size:14px;
								padding-left: 25px;
							}		
							
						.current a{color:#fff;}		
			
@media screen and (max-width: 640px){
.head{
	height: 60px;
	position: fixed;
	left: 0; top: 0; z-index: 3;
}  
	.head .index{
	  width: 92%;
	}
	/*logo*/
	.head .index .logo{width: 60%; padding: 5px 0;}
		.head .index .logo img{height: 50px;width: auto;}
	/*PC端 样式*/
	.pc-menu{
		display: none;
	}
}
@media screen and (min-width: 640px){
	#menu-show,.window_hide .content{
		display: none;
	}
}


/*inbanner*/
.inbanner{
	width: 100%;	
	position: relative;
	overflow: hidden;
}   
	.inbanner img{
		width: 100%;
		display: block;
	}    
	.inbanner h1{
		color: #1b2f78;
		font-size: 34px;
		font-weight: bold;
		width: 200px;
		position: absolute;
		margin-left: -100px;
		left: 50%; top: 70px; z-index: 1;
	}
@media screen and (max-width: 640px){
.inbanner{
	margin-top: 60px;
} 
	.inbanner .index{
		width: 100%;
	}
	.inbanner h1{
		display: none;
	}
}