@charset 'utf-8';


@media(max-width:998px) {
.main .main-nav-m {
	position: relative;
	z-index: 555;
	cursor: pointer
}
.main .main-nav-m .title {
	position: relative;
	height: 40px;
	line-height: 40px;
	background: #c9151e;
	padding: 0 10px
}
.main .main-nav-m .title strong {
	color: #fff;
	font-size: 16px;
	font-weight: bold
}
.main .main-nav-m .title i {
	position: absolute;
	content: '';
	width: 45px;
	height: 100%;
	right: 0
}
.main .main-nav-m .title i::before, .main .main-nav-m .title i::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 12px;
	height: 1px;
	background: #fff;
	-webkit-transition: all .3s;
	transition: all .3s
}
.main .main-nav-m .title i::before {
	right: 50%;
	right: 47%;
	-webkit-transform: rotate(-40deg) scaleY(1.5);
	transform: rotate(-40deg) scaleY(1.5)
}
.main .main-nav-m .title i::after {
	left: 50%;
	left: 47%;
	-webkit-transform: rotate(40deg) scaleY(1.5);
	transform: rotate(40deg) scaleY(1.5)
}
.main .main-nav-m .title.active i::before {
	-webkit-transform: rotate(40deg) scaleY(1.5);
	transform: rotate(40deg) scaleY(1.5)
}
.main .main-nav-m .title.active i::after {
	-webkit-transform: rotate(-40deg) scaleY(1.5);
	transform: rotate(-40deg) scaleY(1.5)
}
.main .main-nav-m ul {
	display: none;
	position: absolute;
	top: 40px;
	width: 100%;
	background:#c9151e;
	color: #fff
}
.main .main-nav-m ul li {
	-webkit-animation: ReturnToNormal .5s both;
	animation: ReturnToNormal .5s both
}
.main .main-nav-m ul li a {
	display: block;
	height: 40px;
	line-height: 40px;
	color:#fff;
	border-bottom: 1px solid rgba(255,255,255,0.55);
	padding:0 10px;
}
.main .main-nav-m ul li:hover{
	background:#fff;
}
.main .main-nav-m ul li:hover a {
	color:#c9151e;
}


}
@-webkit-keyframes resize {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale(5, 5);
transform:scale(5, 5)
}
100% {
opacity:1;
-webkit-transform:scale(1, 1);
transform:scale(1, 1)
}
}
@keyframes resize {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale(5, 5);
transform:scale(5, 5)
}
100% {
opacity:1;
-webkit-transform:scale(1, 1);
transform:scale(1, 1)
}
}
@keyframes ReturnToNormal {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
@-webkit-keyframes ReturnToNormal {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}