*{
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 414px) and (min-width: 300px) {
    html {
    	font-size: 10px;
    }
	.daohang {
    	margin-top: 13px;
	}
	.daohang div {
    width: 19%;
    float: left;    
    text-align: center;
	}
}

@media screen and (max-width: 639px) and (min-width: 415px) {
    html {
    	font-size: 12px;
    }
    .daohang a {
	    font-size: 12px;
	}
	.daohang {
    	margin-top: 10px;
	}
	.daohang div {
    width: 19%;
    float: left;
    text-align: center;
	}
}
@media screen and (max-width: 790px) and (min-width: 640px) {
    html {
    	font-size: 14px;
    }
    .daohang a {
	    font-size: 16px;
	}
	.daohang {
    	margin-top: 15px;
	}
	.daohang div {
    width: 19%;
    height: 1.2rem;
    line-height: 1.2rem;
    float: left;
    text-align: center;
	}
}
@media screen and (min-width: 791px) {
    html {
    	font-size: 24px;
    }
    .daohang a {
	    font-size: 16px;
	}
	.daohang {
        margin-top: 13px;
	}
	.daohang div{
    width: 19%;
    float: left;
    text-align: center;
	}
}
body{
	font-family: Helvetica Neue, Helvetica, PingFang SC, \5FAE\8F6F\96C5\9ED1, Tahoma, Arial, sans-serif;    
	/*min-width: 340px;*/
    max-width: 790px;
    margin: auto;
    background-color: #fff;
    line-height: 20px;
}

.sdaohang{
	width: 100%;
	height:40px;
	background-color: #22AAE8;
}
.logo{
	float: left;
	width: 22%;
	text-align: center;
	padding: 13px 0 0px 0px;
	margin-left: 2%;
	margin-right: 2%;
}
.logo>img{
    width: 100%;
    max-width: 105px;
    
}
.daohang{
    float: right;
    width: 74%;
    height: 1.5ren;
}
.daohang a{
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 0.3rem;
}
img{
	width: 100%;
}
.clear{
	clear: both;
}