@charset "utf-8";


.head-nav-bg{display: none;}

@media (min-width:320px) and (max-width:768px) {

	.head-nav-bg{
		width:100%;
		min-height: 80px;
		margin:auto;
		display: block;
	}

	.head-logo {
		width:240px;
		margin-top:11px;
		margin-bottom:10px;
	}

	.cellphone-head-main{
		width: 100%;
		float:right;
		line-height: 36px;
		background: #fff;
		display: none;
		max-width:590px;
	}

	.btn{
		display: block;
		position:relative;
		padding: 9px 10px;
		border:1px solid #ddd;
		float: right;
		border-radius:4px;
		margin-top:22px;
		margin-right:15px;
		background-color: transparent;
		cursor: pointer;
	}

	.btn span{
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background-color: #888;
		display: block;
		margin-top: 4px;
	}

	.btn span:first-child{
		margin-top:0;
	}

	.cellphone-head-main li{
		width: 97px;
		height: 100px;
		float: left;		
		text-align: center;
	}

	.cellphone-head-main .n1{
		background: url(../../images/zjy/home.png) no-repeat;
		background-size:43% 39%;
		background-position: 28px 23px;	
	}

	.cellphone-head-main .n2{
		background: url(../../images/zjy/aboutus.png) no-repeat;
		background-size:43% 39%;
		background-position: 28px 23px;	
	}

	.cellphone-head-main .n3{
		background: url(../../images/zjy/news.png) no-repeat;
		background-size:43% 39%;
		background-position: 28px 23px;	
	}

	.cellphone-head-main .n4{
		background: url(../../images/zjy/business.png) no-repeat;
		background-size:43% 39%;
		background-position: 28px 23px;	
	}

	.cellphone-head-main .n5{
		background: url(../../images/zjy/idc.png) no-repeat;
		background-size:43% 39%;
		background-position: 28px 23px;	
	}

	.cellphone-head-main .n6{
		background: url(../../images/zjy/contentus.png) no-repeat;
		background-size:43% 39%;
		background-position: 28px 23px;	
	}


	.cellphone-head-main li.n1:hover{
		background-color: #75a7c4;
		background-position: 34px -68px;
	}

	.cellphone-head-main li.n2:hover{
		background-color: #75a7c4;
		background-position: -64px -68px;
	}

	.cellphone-head-main li.n3:hover{
		background-color: #75a7c4;
		background-position: -552px -68px;
	}

	.cellphone-head-main li.n4:hover{
		background-color: #75a7c4;
		background-position: -650px -68px;
	}

	.cellphone-head-main li.n5:hover{
		background-color: #75a7c4;
		background-position: -451px -68px;
	}

	.cellphone-head-main li.n6:hover{
		background-color: #75a7c4;
		background-position: -746px -68px;
	}

}

.cellphone-head-main li .o-nav{
	width: 100%;
	height: 100%;
	display: block;
	font-size: 14px;
	font-weight: 600;
	position: relative;
}

.cellphone-head-main .nav-text{
	width: 100%;
	height: 36px;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
}

.cellphone-head-main li a span{
	display: block;
	position: absolute;
	width: 100%;
}

.cellphone-head-main li a .nav-1{
	top: 0px;
	color: #4286BB;
}

.cellphone-head-main li a .nav-2{
	top: 36px;
	color: #fff;
}

.s-nav {
	width: 100%;
	background: #fff;
	display: none;
}

.s-nav a{
	width: 100%;
	height: 38px;
	display: block;
	font-size: 13px;
	background: url(../../images/ico.png) no-repeat;
	background-position: 10px 14px;
	color: #75a7c4;
	font-weight: 600;
	border-bottom: 1px solid #EDEEF3;
	line-height: 40px;
}

.s-nav a:hover{
	background: url(../../images/ico1.png) no-repeat 10px 14px;
	background-color: #75a7c4;
	color: #fff;
}

/*头部结束*/