.head{ width:1400px; height:120px; margin:0px auto
}

.logo{width:60%;height:120px; float:left;background:url(../images/logo.jpg) no-repeat
}


.tel{width:20%;height:120px; float:right; line-height:35px; font-size:25px; color:#0b3a85; font-weight:bold;background:url(../images/tel.jpg) no-repeat left center; padding-left:70px; padding-top:25px
}

@media screen and (max-width: 1680px) {
	
.head{ width:1200px; height:120px; margin:0px auto
}

.logo{width:70%;height:120px; float:left;background:url(../images/logo.jpg) no-repeat
}


.tel{width:20%;height:120px; float:right; line-height:35px; font-size:25px; color:#0b3a85; font-weight:bold;background:url(../images/tel.jpg) no-repeat left center; padding-left:70px; padding-top:25px
}
}


@media screen and (max-width: 1366px) {
	.head{ width:1200px; height:120px; margin:0px auto
}
}


@media screen and (max-width: 1024px) {
	
.head{ width:100%; height:80px; margin:0px auto
}

.logo{width:70%;height:80px; float:left;background:url(../images/logo1.jpg) no-repeat
}


.tel{width:20%;height:80px; float:right; line-height:120px; font-size:28px; color:#0b3a85; font-weight:bold;background:url(../images/tel.jpg) no-repeat left center; display:none
}

	
	
@media screen and (max-width: 768px) {
	}
	
	.head{ width:100%;
	
	
	
	}
@media screen and (max-width: 414px) {
	
		.head{ width:100%; height:60px; margin:0px auto
}

.logo{width:70%;height:60px; float:left;background:url(../images/logo2.jpg) no-repeat
}


.tel{width:20%;height:60px; float:right; line-height:120px; font-size:28px; color:#0b3a85; font-weight:bold;background:url(../images/tel.jpg) no-repeat left center
}
	
	}