@charset 'utf-8';
.main {
	margin:0 auto;
	margin-top:-40px;
	max-width:1280px;
	
}
.main .main-nav-p {
	line-height:60px;
	position:relative;
	border-bottom: 1px solid #d0d0d0;
}
.main .main-nav-p a {
	float: left;
	color: #232323;
	font-size: 18px;
	padding: 0 10px;
	margin:0 3%;
	position:relative;
	bottom:-2px;
	border-bottom:4px solid;
	border-color:rgb(88,181,48,0);
	    -webkit-transition: all .2s;
    transition: all .2s;

}

.main .main-nav-p a:hover, .main .main-nav-p a.cur{
	border-bottom:4px solid #58b530;
	    -webkit-transition: all .2s;
    transition: all .2s;
}

@media(max-width:1024px) {
	.main .main-nav-p a {
	float: left;
	color: #232323;
	font-size: 18px;
	padding: 0 10px;
	margin:0 2%;
	position:relative;
	bottom:-2px;
	border-bottom:4px solid;
	border-color:rgb(88,181,48,0);
	    -webkit-transition: all .2s;
    transition: all .2s;

}

}

@media(max-width:1023px) {
.main {
	margin:0 auto;
	margin-top:0px;
	max-width:1280px;
}
.main .main-nav-m {
	position: relative;
	z-index: 555;
	cursor: pointer
}
.main .main-nav-m .title {
	position: relative;
	height:45px;
background: linear-gradient(135deg,#1c99ce,#52b241);
	padding: 0 15px;
	line-height:45px;
	font-size:18px;
}
.main .main-nav-m .title strong {
	color: #fff;
	font-weight: normal;
}
.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:45px;
	width: 100%;
	background:#1c99ce;
	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;
	color:#fff;
	padding:10px 30px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	font-size:16px;
}

.main .main-nav-m ul li:hover{
	color:#fff;
	background: rgb(82,178,65,0.5);

}


}
@-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
}
}