@charset "utf-8";
.head{
	width: 100%;
	height: 101px;
	background: #fff;
	position: relative;	
	z-index: 5;
}
	.head .index{
		width: 1200px;
		margin: 0 auto;
			
	}
		/*logo*/
		.head .index .logo{
			margin: 25px 0 0 0;
		}	
		/*telephone*/
		.telephone{
		    position:absolute;
		    right:8px; top:8px;
		}	
		/*menu*/
		.menu
		{
		    height:101px;
			/*margin-right: -15px;*/
		}
			/*ul li*/
			.menu ul {
				display: block;
			}		
			.menu ul li.nav {
				float: left;
				height: 101px;				
				margin: 0 25px;			
			}	
				.menu ul li a{
					display: block;
					color: #444444;
					height: 101px;
					font-size: 16px;
					line-height: 155px;	 
				}
				/*ul li ul li*/
				.menu ul li ul {
					display: none;	
					width: 100%;
					overflow: hidden;
					padding: 10px 0;	
					position: absolute;	left: 0; z-index: 3;		
				}	
				.menu ul li ul li{
					height: 30px;					
					float: left;				
					padding: 0 15px;
					background: url(../images/nav-ul-li-bg.jpg) no-repeat left center;
				}
				.menu ul li ul li.start{
					background: none;
				}	
					.menu ul li ul li a {
						color: #444;
						line-height: 30px;
						font-size: 14px;
						text-align: center;							
					}			
			/*hover*/			
			.menu ul li:hover.nav{
				border-bottom: 2px solid #0da5ba;
			}
			.menu ul li ul li:hover a{
				color: #0da5ba;
			}		
			.menu ul li:hover ul {
				display: block;				
			}
			
			/*nav-product*/
			.menu ul li ul.nav-product{
				padding-left: 438px;
				background:#d7ebee url(../images/nav-ul-li-start-bg.png) no-repeat 418px center;	
			}
			/*nav-program*/
			.menu ul li ul.nav-program{
				padding-left: 598px;
				background:#d7ebee url(../images/nav-ul-li-start-bg.png) no-repeat 578px center;	
			}
			/*nav-case*/
			.menu ul li ul.nav-new{
				padding-left: 724px;
				background:#d7ebee url(../images/nav-ul-li-start-bg.png) no-repeat 704px center;	
			}
			/*nav-cooperation*/
			.menu ul li ul.nav-cooperation{
				padding-left: 858px;
				background:#d7ebee url(../images/nav-ul-li-start-bg.png) no-repeat 838px center;	
			}
			/*nav-ziyuan*/
			.menu ul li ul.nav-ziyuan{
				padding-left: 996px;
				background:#d7ebee url(../images/nav-ul-li-start-bg.png) no-repeat 965px center;	
			}			
			/*nav-about*/
			.menu ul li ul.nav-about{
				padding-left: 876px;
				background:#d7ebee url(../images/nav-ul-li-start-bg.png) no-repeat 845px center;	
			}
@media screen and (min-width: 640px){
	#menu-show,.window_menu .content{
		display: none;
	}
}
@media only screen and (max-width: 640px) {
.head{
	height: 60px;
	position: fixed;
	left: 0; top: 0; z-index: 5;
}
	.head .index{
		width: 92%;
	}
		/*logo*/
		.head .index .logo{
			margin: 20px 0 0 0;
		}
			.head .index .logo a img{
				height: 26px;	
			}
		/*menu*/
		.menu{
			display: none;
		}
		/*phone端 样式*/
		#menu-show{
			position: fixed;
			right: 4%; top:20px; z-index: 4;
		}
			#menu-show img{
				height: 26px;
			}
		.window_menu{
		  display: none;
		  position: fixed;
		  top: 60px;
		  left: 0;
		  z-index: 10;
		  width: 100%;
		  height: 100%;
		  overflow-y: scroll;
		  background: #40454b;
		}
			.window_menu a.close{
				position: fixed;
				right: 4%; top:20px; z-index: 4;
			  	width: 80px; 
			  	height: 26px;
			}
			.window_menu .content{
			  	position: absolute;
			  	left: 4%;
			  	width: 92%;
			  	padding-top: 25px;
			}
			
			#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:#fff;}
				.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:#0095df;}	
}


@media only screen and (max-width: 640px) {
    /*telephone*/
	.telephone{
	    display:none;
	}
}*/