@charset "utf-8";
.head{
	width: 100%;
	overflow: hidden;
	background: #fff;
}       
	.head .index{
		width: 100%;
		max-width: 1230px;
		padding: 22px 15px;
		overflow: hidden;
		margin: 0 auto;
		position: relative;
	}
		/*link*/
		.head .index .link{		
			position:absolute;
			right: 7px; top: 10px;
		}
			.head .index .link a{
				float: right;
				color: #44aa3c;
				padding: 0 8px;
				font-size: 14px;
				background: url(../images/link-a-bg.png) no-repeat left center;
			}
				.head .index .link a.start{background: none;}
		/*logo*/
		.head .logo{
			width: 29%;
			overflow: hidden;
		}		
			.head .logo a img{
				display: block;
				width: 100%;
			}	
		/*menu*/
		.head .menu{
			width: 70%;
			overflow: hidden;
			text-align: right;
		    margin-top: 25px;
		}
			.head .menu ul{}
			.head .menu ul li{
				display: inline-block;
				padding: 0 0 0 12px;
				margin-left: 12px;
				background: url(../images/menu-li-bg.jpg) no-repeat left center;
			}
				.head .menu ul li.start{background: none;}
			.head .menu ul li a{
				display: block;
				color: #000;
				font-size: 16px;
				line-height: 35px;
			}
			.head .menu ul li:hover a{
			    color: #37a905;
			    }
			

			
			
@media screen and (min-width: 1000px){
	/*phone-menu*/
	#show,.window_hide .content ul{display: none}
}
@media screen and (max-width: 1000px){
	.head .index{
	  	width: 100%;
	}
		/*link*/
		.head .index .link{		
			position:absolute;
			right: 7px; top: 3px;
		}
/*menu*/
.head .menu{
	display: none;
}
/*phone-menu*/
#show{
	width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 13px;
    top: 50%;
    margin-top: -15px;
}
	#show img{
		display: block;
		width: 100%;
	}
.window_hide{
  	display: none;
  	position: fixed;
  	top: 85px;
  	left: 0;
  	z-index: 10;
  	width: 100%;
  	height: 100%;
  	background: #fff;
}
	.window_hide a.close{
		width: 30px;
    	height: 30px;
	  	position: fixed;
		right: 13px;
	    top: 28px;
	}
	.window_hide .content{
	  	position: absolute;
	  	top: 20px;
	  	left: 10%;
	  	width: 80%;
	  	background: #fff;
		}
			.window_hide .content ul{}
			.window_hide .content ul li{
				width: 100%;
				overflow: hidden;
				float: left;
			}
			.window_hide .content ul li a{
				display: block;
				text-align: center;
				color: #000;
				font-size: 16px;
				line-height: 45px;
				border-bottom: 1px dotted #dcdedb;
			}
}
@media screen and (max-width: 640px){

	/*logo*/
	.head .index .logo{
		width: 50%;
	}
		.head .index .logo img{
			display: block;
			width: 100%;
		}
}