@charset "utf-8";

.m-nav {width: 100%;height: 54px;background: #fff;border-bottom: 1px solid #d8d8d8;z-index: 4;}
.m-nav.active{position: fixed;top: 0;left: 0;right: 0;margin: auto;}
.m-nav ul {width: 1200px;margin: auto;}
.m-nav ul li {float: left;position: relative;width: 20%;text-align: center;line-height: 54px;font-size: 18px;color: #444;}
.m-nav_1 ul li{width: 25%;}.m-nav ul li.active {color: #7657ae;}
.m-nav ul li.active a {color: #7657AE;}
.m-nav ul li.active:after {content: '';position: absolute;left: 0;right: 0;bottom: 0;margin: auto;width: 0;height: 4px;background: #7657ae;animation: navW .2s .2s ease both;}@keyframes navW{0%{width: 0;}100%{width: 72px;}}
.m-nav ul li:hover:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;margin: auto;width: 0;height: 4px;background: #7657ae;animation: navW .5s .5s ease both;}