@charset "utf-8";

.menu ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

.menu {

    height: 70px;

    border-radius:3px;

}

.menu li {

	text-align:center;

	width: 147px;

}

.menu > li {

    display: block;

    float: left;

    position: relative;

}

.menu > li:first-child {

}

.menu a {

    /* border-left: 3px solid rgba(0, 0, 0, 0); */

    color: #fff;

    display: block;

    font-size: 15px;

    line-height: 46px;

    height: 46px;

    text-decoration: none;

    font-weight: bold;

}



.menu a:hover{color:#fff;}

.menu li:hover,.menu li:hover>a { background-color:#009148; color:#fff}





.submenu {

	width: 100%;

	right: 0;

	max-height: 0;

	position: absolute;

	top: 100%;

	z-index: 0;

	-webkit-perspective: 400px;

	-moz-perspective: 400px;

	-ms-perspective: 400px;

	-o-perspective: 400px;

	perspective: 400px;

}

.submenu li {

	width:100%;

	height:50px;

	line-height:50px;

	opacity: 0;

	background-color:#fff;

	border-bottom:#e9ecf1 1px solid;

	-webkit-transform: rotateY(90deg);

	-moz-transform: rotateY(90deg);

	-ms-transform: rotateY(90deg);

	-o-transform: rotateY(90deg);

	transform: rotateY(90deg);

	-webkit-transition: opacity .4s, -webkit-transform .5s;

	-moz-transition: opacity .4s, -moz-transform .5s;

	-ms-transition: opacity .4s, -ms-transform .5s;

	-o-transition: opacity .4s, -o-transform .5s;

	transition: opacity .4s, transform .5s;

	text-align: center;

}

.menu .submenu li:hover a {

	background-color:#009148;

    border-radius: 0;

    color: #ffffff;

}

.menu .submenu li a{ font-size:14px; height:50px; line-height:50px; color:#666; font-weight:normal;}

.menu > li:hover .submenu, .menu > li:focus .submenu {

    max-height: 2000px;

    z-index: 10;

}

.menu > li:hover .submenu li, .menu > li:focus .submenu li {

    opacity: 1;



    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

}



.menu li:hover .submenu li:nth-child(1) {

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -ms-transition-delay: 0s;

    -o-transition-delay: 0s;

    transition-delay: 0s;

}

.menu li:hover .submenu li:nth-child(2) {

    -webkit-transition-delay: 50ms;

    -moz-transition-delay: 50ms;

    -ms-transition-delay: 50ms;

    -o-transition-delay: 50ms;

    transition-delay: 50ms;

}

.menu li:hover .submenu li:nth-child(3) {

    -webkit-transition-delay: 100ms;

    -moz-transition-delay: 100ms;

    -ms-transition-delay: 100ms;

    -o-transition-delay: 100ms;

    transition-delay: 100ms;

}

.menu li:hover .submenu li:nth-child(4) {

    -webkit-transition-delay: 150ms;

    -moz-transition-delay: 150ms;

    -ms-transition-delay: 150ms;

    -o-transition-delay: 150ms;

    transition-delay: 150ms;

}

.menu li:hover .submenu li:nth-child(5) {

    -webkit-transition-delay: 200ms;

    -moz-transition-delay: 200ms;

    -ms-transition-delay: 200ms;

    -o-transition-delay: 200ms;

    transition-delay: 200ms;

}

.menu li:hover .submenu li:nth-child(6) {

    -webkit-transition-delay: 250ms;

    -moz-transition-delay: 250ms;

    -ms-transition-delay: 250ms;

    -o-transition-delay: 250ms;

    transition-delay: 250ms;

}

.menu li:hover .submenu li:nth-child(7) {

    -webkit-transition-delay: 300ms;

    -moz-transition-delay: 300ms;

    -ms-transition-delay: 300ms;

    -o-transition-delay: 300ms;

    transition-delay: 300ms;

}

.menu li:hover .submenu li:nth-child(8) {

    -webkit-transition-delay: 350ms;

    -moz-transition-delay: 350ms;

    -ms-transition-delay: 350ms;

    -o-transition-delay: 350ms;

    transition-delay: 350ms;

}



.submenu li:nth-child(1) {

    -webkit-transition-delay: 350ms;

    -moz-transition-delay: 350ms;

    -ms-transition-delay: 350ms;

    -o-transition-delay: 350ms;

    transition-delay: 350ms;

}

.submenu li:nth-child(2) {

    -webkit-transition-delay: 300ms;

    -moz-transition-delay: 300ms;

    -ms-transition-delay: 300ms;

    -o-transition-delay: 300ms;

    transition-delay: 300ms;

}

.submenu li:nth-child(3) {

    -webkit-transition-delay: 250ms;

    -moz-transition-delay: 250ms;

    -ms-transition-delay: 250ms;

    -o-transition-delay: 250ms;

    transition-delay: 250ms;

}

.submenu li:nth-child(4) {

    -webkit-transition-delay: 200ms;

    -moz-transition-delay: 200ms;

    -ms-transition-delay: 200ms;

    -o-transition-delay: 200ms;

    transition-delay: 200ms;

}

.submenu li:nth-child(5) {

    -webkit-transition-delay: 150ms;

    -moz-transition-delay: 150ms;

    -ms-transition-delay: 150ms;

    -o-transition-delay: 150ms;

    transition-delay: 150ms;

}

.submenu li:nth-child(6) {

    -webkit-transition-delay: 100ms;

    -moz-transition-delay: 100ms;

    -ms-transition-delay: 100ms;

    -o-transition-delay: 100ms;

    transition-delay: 100ms;

}

.submenu li:nth-child(7) {

    -webkit-transition-delay: 50ms;

    -moz-transition-delay: 50ms;

    -ms-transition-delay: 50ms;

    -o-transition-delay: 50ms;

    transition-delay: 50ms;

}

.submenu li:nth-child(8) {

    -webkit-transition-delay: 0s;

    -moz-transition-delay: 0s;

    -ms-transition-delay: 0s;

    -o-transition-delay: 0s;

    transition-delay: 0s;

}