.mneixian{background:url(../images/headerbg.jpg) repeat-x;}
.menu-container{max-width:1000px; padding-top: 12px; float:right;}
.menu-mobile{display: none; padding-top: 10px;}
.menu-mobile:after{content: "\f394"; font-family: "Ionicons"; font-size: 2.5rem; padding: 0;height:39px; float: right; position: relative; top: 17%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%);}
.menu-dropdown-icon:before{display: none; cursor: pointer;content:''; float: right; padding: 1.5em 2em;background:url(../images/hj.png) no-repeat center 23px;}
.mjbad:before{background:url(../images/h-j.png) no-repeat center 23px;}
.menu > ul{margin: 0 auto; width: 100%; list-style: none; padding: 0; position: relative; /*background:url(../images/headxian.jpg) no-repeat left; IF .menu position=relative -> ul = container width, ELSE ul = 100% width */ box-sizing: border-box;z-index:99;}
.menu > ul:before,
.menu > ul:after{content: ""; display: table;}
.menu > ul:after{clear: both;}
.menu > ul > li{float: left; padding: 0; margin: 0;padding-right:2px;text-align:center;height:55px;position:relative;}
.menu > ul > li a{text-decoration: none; font-size: 16px; padding-top:12px; height:45px; display: block;} .menu > ul > li:hover{/*background: #f0f0f0; background-position:left 2px; */}
.subs{transition: all 0.5s;transition: 0.3s;overflow:hidden; display:inline-block; color:#000000; height:30px; line-height:30px;padding-left:6px;padding-right:6px;margin-right:0px; font-size:19px !important;font-weight:bold; font-family:Microsoft YaHei}
.menu ul li.on{background: #bb2332;color:#ffffff}
.menu ul li.on .subs{color:#ffffff}
.menu > ul > li > ul{display: none; width: 100%; background:rgba(255,255,255,0.6); box-shadow: 0 0 16px -4px rgba(0,0,0,.3); padding: 10px; position:absolute; z-index: 99; left: 0px; margin: 0; list-style: none; box-sizing: border-box;}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after{content: ""; display: table;}
.menu > ul > li > ul:after{clear: both;}
.menu > ul > li > ul > li{margin: 0; padding-bottom: 2px; list-style: none; width: 25%; background: none; float: left;}
.menu > ul > li > ul > li a{color: #333; padding: 0; width:100%; display: block;transition:all 0.3s linear;}
.menu > ul > li > ul > li a:hover{color:#fff;}
.menu > ul > li > ul > li > ul{display: block; padding: 0; margin: 10px 0 0; list-style: none; box-sizing: border-box;}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after{content: ""; display: table;}
.menu > ul > li > ul > li > ul:after{clear: both;}
.menu > ul > li > ul > li > ul > li{float: left; width: 100%; padding: 5px 0; margin: 0; font-size: 17px;}
.menu > ul > li > ul > li > ul > li a{border: 0;}
.menu > ul > li > ul.normal-sub{border-top:3px solid #B70001;position:absolute; width:120px; left:-5px; padding:0; transition: all .5s linear;}
.menu > ul > li:hover ul.normal-sub{background-color:rgba(255,255,255,0.9);}
.menu > ul > li > ul.normal-sub > li{width: 100%;}
.menu > ul > li > ul.normal-sub > li a{border: 0; line-height:45px; text-align:center;}
.menu ul li ul.normal-sub li{position: relative;}
.menu ul li ul.normal-sub li:before{content: ""; width: 0; left: 50%; height: 45px; background:#B70001; position: absolute; top: 0; transition: 300ms ease-in-out;}
.menu ul li ul.normal-sub li a{display: block; text-align: left; padding-left:25px;position: relative; line-height:45px; color:#555; font-size:17px;}
.menu ul li ul.normal-sub li:hover:before{left: 0; width: 100%;}
.menu ul li ul.normal-sub li:hover a{color: #fff;}