﻿.MenuList_c2{  width:100%; height:100px; position:relative;}
.MenuList_c2 .MenuItems { margin:0 auto;}
.MenuList_c2 .MenuItems>li:before{ content:' ';position:absolute; top:0; left:50%;width:0; height:4px; background-color:#12b504; z-index:20;}
.MenuList_c2 .MenuItems>li:after{ content:' ';position:absolute; bottom:0; left:0;width:100%; height:0; background-color:#eee;z-index:-1;}
.MenuList_c2 .MenuItems>li:hover:before , .MenuList_c2 .MenuItems>li.on:before{left:0; width:100%; transition:0.5s all; }
.MenuList_c2 .MenuItems>li:hover:after , .MenuList_c2 .MenuItems>li.on:after{height:100%; transition:0.5s all;}
.MenuList_c2 .MenuItems>li { position:relative;float:left; width:20%;height:100px;text-align:center; z-index:10;}
.MenuList_c2 .MenuItems>li>a{ width:100%; height:100px; line-height:100px; display:block;}
.MenuList_c2 .MenuItems>li.on ,.MenuList_c2 .MenuItems>li:hover{color:#12b504; }
.MenuList_c2 .MenuItems>li.on a ,.MenuList_c2 .MenuItems>li:hover a{color:#12b504;}
/*二级导航样式*/
.MenuList_c2 .MenuItems>li div { position:absolute; left:0px; top:100px; display:none; /*width:100vw;*/ height:60px;background-color:rgba(238,238,238,0.8); z-index:999; }
.MenuList_c2 .MenuItems>li:nth-child(2) div{height: 180px;}
.MenuList_c2 .MenuItems>li:hover div {/*ie6不支持li:hover所以在这里写成li.hover以方便js取样式*/ display:block; }
.MenuList_c2 .MenuItems>li div ul{ width:100%; padding-left:15px; }
.MenuList_c2 .MenuItems>li div ul li{ float:left; display:inline-block; padding:0 20px; height:60px; line-height:60px !important; }
.MenuList_c2 .MenuItems>li div ul li a {font-size:14px;color:#555 !important; }
.MenuList_c2 .MenuItems>li div ul li a:hover { color:#12b504 !important; }
.MenuList_c2 .move-bg{ display:none;position:absolute;left:0px;top:0px; z-index:0; margin-left:10px; width:85px; height:80px;  background:#eba708;}

@media only screen and (max-width: 1440px){
	.MenuList_c2 .MenuItems>li div ul li{ padding:0 15px; }
	}
	
@media only screen and (max-width: 1200px){
.MenuList_c2{  width:280px; height:100vh; float:right; position:inherit;background:#f5f5f5;}
.MenuList_c2 .MenuItems>li:before{ display:none;}
.MenuList_c2 .MenuItems>li:after{  display:none;}
.MenuList_c2 .MenuItems>li {float: left; height: auto;position:inherit;width:100%; z-index:999;}
.MenuList_c2 .MenuItems>li>a { padding:0; text-indent:20px; width:100%; float: right; height:45px !important; line-height:45px !important; text-align: left; display:block;  transition-duration:0s; -moz-transition-duration:0s; -webkit-transition-duration:0s; background:#f5f5f5 url(../images/menu_ico1.png) no-repeat 95% 15px; background-size:14px; border-bottom: solid 1px #ddd; z-index:999;}
.MenuList_c2 .MenuItems>li>a:hover {color:#fff;background:#12b504 url(../images/menu_ico1.png) no-repeat 95% -14px;background-size:14px; }
.MenuList_c2 .MenuItems>li:hover>a {color:#fff;background:#12b504 url(../images/menu_ico1.png) no-repeat 95% -14px;background-size:14px;}
.MenuList_c2 .MenuItems>li.hover>a{background:#12b504 url(../images/menu_ico1.png) no-repeat 95% -14px;background-size:14px; border-bottom:none;}
.MenuList_c2 .MenuItems>li.on>a{background:#12b504 url(../images/menu_ico1.png) no-repeat 95% -14px;background-size:14px;  border-bottom:none;color:#fff !important;}
.MenuList_c2 .MenuItems>li.on.hover>a{background:#12b504 url(../images/menu_ico1.png) no-repeat 95% -14px; background-size:14px;  border-bottom:none;color:#fff!important;}
/*.MenuList_c2 .MenuItems>li>a:focus,.MenuList_c2 .MenuItems>li.on>a:focus {color:#fff;background:#eba708;transition-duration:.3s; -moz-transition-duration:.3s; -webkit-transition-duration:.3s; }*/
/*二级导航样式*/
.MenuList_c2 .MenuItems>li div { position: inherit; left: inherit; top: inherit;width:100vw; height:auto; display:none;  z-index:999; margin-top:0;}
.MenuList_c2 .MenuItems>li:focus div,.MenuList_c2 .MenuItems>li:hover div {position:inherit; display:none;}
.MenuList_c2 .MenuItems>li.hover div{ display:block;border-bottom:1px solid #ddd;height: auto;}
.MenuList_c2 .MenuItems>li div ul{ width:100%; padding-left:0;}
.MenuList_c2 .MenuItems>li div ul li{height:35px; line-height:35px; float:inherit; width:100%; padding:0; }
.MenuList_c2 .MenuItems>li div ul li a {height:34px; margin:0; padding:0; padding-left:20px; line-height:34px; display:block;  color:#666 !important; text-align: left !important; background:#f5f5f5;  font-size:12px;border-bottom:none;}
.MenuList_c2 .MenuItems>li div ul li a.on,.MenuList_c2 .MenuItems li div ul li a:hover { color:#666 !important; border-bottom:1px solid #ddd;font-weight:bold;}
.MenuList_c2 .move-bg{ display:none;position:absolute;left:0px;top:0px; z-index:0; margin-left:10px; width:85px; height:80px;  background:#eba708;}








	}
