.top { height: 60px; background-color: #000; position: fixed; width: 100%; top: 0px; z-index: 1000; }
.logo { height: 50px; overflow: hidden; margin-right: 100px; margin-left: 10px; padding-top: 5px; padding-bottom: 5px; }
.logo img { height: 50px; }
.top_you { float: right; height: 30px; width: 30px; padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px; }
.top_you img { height: 30px; width: 30px; }
.top_you2 { float: right; height: 34px; width: 34px; padding-top: 13px; padding-right: 8px; padding-bottom: 13px; padding-left: 8px; }
.top_you2 img { height: 34px; width: 34px; }
/*====手机导航====*/
.nav { display: none; height: 100vh; width: 100%; position: fixed; z-index: 8888; background-color: rgba(0,0,0,0.96); left: 0px; top: 0px; right: 0px; bottom: 0px; }
.nav ul { height: 520px; width: 100%; position: relative; top: 50%; margin-top:-260px;  }
.nav ul li { height: 40px; width: 100%; }
.nav ul li a { height: 40px; width: 100%; display: block; text-align: center; color: #FFF; font-size: 18px; line-height: 40px; font-weight: normal; }
.foot { height: 60px; width: 100%; position: fixed; z-index: 999; bottom: 0px; background-color: #0A0A0A; }
.foot ul li { float: left; height: 50px; width: 25%; padding-top: 8px; padding-bottom: 2px; }
.foot ul li i { height: 25px; width: 25px; display: block; margin-right: auto; margin-left: auto; }
.foot ul li i img { height: 25px; width: 25px; }

.foot ul li span { height: 20px; color: #FFF; font-size: 14px; line-height: 20px; font-weight: normal; text-align: center; margin-top: 5px; display: block; }
.foot ul li.on { background-color: #8b0005; }