*{padding:0; margin:0;}
.bg {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.8;
}
@media screen and (min-width:750px){
	.nav4{
		display: none ;
	}
}
@media screen and (max-width:750px){
.box-dao {
width: 100%;
display: -webkit-box;
display: -moz-box;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.box-dao > * {
-webkit-box-flex: 1;
-moz-box-flex: 1;
}
a:link, a:visited {
color: #575757;
text-decoration: none;
}
a {
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.35);
}
a:link, a:visited {
color: #575757;
text-decoration: none;
}
a {
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.35);
}

.nav4{
	height:45px;
}
.nav4 ul{
	position:fixed;
	z-index:200;
	bottom:-14px;
	left:0;
	width:100%
}
.nav4 li{

	height:135px;
	border-bottom:0;
	border-right:0;
	position:relative;
	-webkit-box-shadow:inset 0 0 3px #fff;
	float:left;
	width:25%;
}
.nav4 li:nth-of-type(1){border-left;0;}
.nav4 li>a{
	font-size:20px;
	/* padding: 0 30px; */
	    height: 135px;
	box-sizing:border-box;

	-webkit-tap-highlight-color:rgba(0,0,0,0);
	border-bottom:0;
	display:block;
	line-height:44px;
	text-align:center;
	background:#e1dfdf;
}

.box-dao img{
	margin-top: 20px;
	width: 35%;
}

.nav4 li>a p{
	color: #333333;





}

}
	@media screen and (max-width:414px){
		.nav4 li>a p{
			font-size: 15px;
			margin: 0;
		}
		.nav4 li{
			height: 88px;
		}
		.nav4 li>a{
			height: 74px;
			line-height: 39px;
		}
		.box-dao img{
			width: 30%;
			margin-top: 10px;
		}
	}
	@media screen and (max-width:375px){
		.nav4 li>a p{
			font-size: 13px;
		}
		.nav4 li{
			height: 78px;
		}
		.nav4 li>a{
			height: 64px;
			/* padding: 0 36px; */
			line-height: 34px;
		}
		.box-dao img{
			width: 25%;
		}
	}
	@media screen and (max-width:320px){
		.nav4 li>a p{
			font-size: 12px;
		}
		.nav4 li{
			height: 68px;
		}
		.nav4 li>a{
			height: 54px;
			line-height: 29px;
		}
		.box-dao img{
			width: 18%;
		}
	}