@charset "utf-8";
.header .logo{padding: 30px 0;}
.header .logo .fl{width: 53%;}
.header .logo .fr{width:20%;margin-top: 10px;}

.mainnav .container{position: relative;}
.mainnav{position: relative; z-index: 9; height: 55px; background: #E60012;}
.mainnav li{float: left; position: relative; width:12.5%;}
.mainnav li a{display:block; line-height: 53px; text-align:center;}
.mainnav li span{position: relative; display: inline-block; font-weight: bold; color: #fff; transition: .3s;font-size: 20px;}
/* .mainnav li span:after{content:''; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background: #fff; vertical-align: middle; opacity: 0; transition: width .3s;} */
.mainnav li:hover a{background-color: #f65225;}
.mainnav li:hover span, .mainnav li.on span{color: #fff;}
.mainnav li:hover span:after, .mainnav li.on span:after{width: 100%; opacity: 1;}
.header-zlm{display: none;background: rgb(230 0 18 / 52%);position: absolute;left: 0;right: 0;padding: 10px 30px;}
.header-zlm a{color:#fff;display: inline-block;margin-right: 30px;font-size: 16px;font-weight: bold;}
.mainnav .js-hd li:not('.islink'):hover .header-zlm{display: block;}
@media (max-width:992px) {
    .mainnav{height: auto;}
    .mainnav li{width: 25%;}
}