.g-nav{}
.megamenu { float:right;}
.megamenu > li.grid .megapanel .row [class*="col"] {background: #ccc !important;}

.megamenu {list-style:none;display:inline-block;}
.megamenu li {float:left;display:inline}
.megamenu>li>a {float:left;padding:20px 10px; margin-top:15px; margin-left:10px; font-weight:bold; font-size:16px; text-decoration:none;
transition:color .3s ease-in-out;
-moz-transition:color .3s ease-in-out;
-webkit-transition:color .3s ease-in-out;
-o-transition:color .3s ease-in-out}
.megamenu>li:hover>a, .megamenu>li.active>a {background:#335c66;color:#fff;}

.megamenu>li>a span:after {width: 0;height: 0;border: 0.313em solid transparent; border-bottom: none;border-top-color: #fff;content: '';vertical-align: middle;display: inline-block;position: relative;right: -0.313em; }

.megamenu .dropdown, .megamenu .dropdown li .dropdown {list-style:none;display:none;
position:absolute;z-index:999;width:160px;border:solid 1px rgba(0, 0, 0, 0.1);background:#fff}
.megamenu .dropdown {top:59px}
.megamenu .dropdown li .dropdown {left:160px;top:inherit}
.megamenu .dropdown li {clear:both;width:100%;border-bottom:solid 1px rgba(0, 0, 0, 0.1)}
.megamenu .dropdown li:last-child {border-bottom:0}
.megamenu .dropdown li a {float:left;width:100%;padding:10px 25px;text-decoration:none;display:block;
border:0 none;font-size:14px;color:#444;background:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
transition:color .4s ease-in-out;
-moz-transition:color .4s ease-in-out;
-webkit-transition:color .4s ease-in-out;
-o-transition:color .4s ease-in-out
}
.megamenu .dropdown li:hover>a {background:#dbdbdb}

.megamenu>li>.megapanel {position:absolute;display:none;background:#fff;width:100%;top:118px;
left:0px;z-index:99;padding:20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}


/*.nav-list1{ float:left; margin-left:3%; height:auto; overflow:hidden; }
.nav-list1 a{ display:block; margin-bottom:25%; width:112px; height:52px;border:1px solid #fff;}
.nav-list1 a img{ display:block; width:100%;}
.nav-list1 a:hover{border:1px solid #0074bc;}
.nav-list1:nth-child(3n+1){ border-right:2px solid #065a45; padding-right:5%;}

.nav-list12{ float:left; margin-left:3%; height:auto; overflow:hidden; }
.nav-list12 a{ display:block; margin-bottom:20%; width:132px; height:52px;border:1px solid #fff;}
.nav-list12 a img{ display:block; width:100%;}
.nav-list12 a:hover{border:1px solid #0074bc;}*/


/*.nav-list2{ float:left; margin-left:5%; }
.nav-list2 a{ display:block; margin-bottom:25%; width:92px; height:52px;border:1px solid #fff;}
.nav-list2 a img{ display:block; width:100%;}
.nav-list2 a:hover{border:1px solid #0074bc;}*/

.megamenu>li.showhide span{
	position:absolute;
	content:"";
	left:20px;
	top:-40px;
	width:40px; height:40px;
	cursor:pointer; z-index:999999;
	background:url(../images/icon-setting.png) no-repeat;
}
.megamenu>li.showhide span img{ display:block; width:100%;}

.skyblue, .skyblue>li.showhide {}
.skyblue li>a, .skyblue>li.showhide span {
	color:#fff
}
.skyblue>li:hover>a, .skyblue>li.active>a, .skyblue .dropdown li:hover>a {
	color:#fff;
	background-color:rgba(9,41,78,0.8);
}

.m-menu1{ width:74%; height:auto; overflow:hidden; float:left; border-right:5px solid #007E3C;}
.m-menu2{ width:23%;
width: -moz-calc(25% - 5px);
width: -webkit-calc(25% - 5px);
width: calc(25% - 5px);
 height:auto; overflow:hidden; float:right;}

.nav-tit{  font-size:22px; margin-bottom:15px; margin-top:15px;}
.nav-tit2{  font-size:22px; margin-bottom:15px; margin-top:15px;}

.menu_cat {width: 32%;float: left; margin-right:1.3%; }
.menu_cat2 {width:100%;float: left; }
.menu_cat_item {position: relative;display:block;vertical-align: top;width: 98%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0 10px;border: 1px solid #dfdfdf}
.menu_cat_item a {position: relative;z-index: 2;display: block;text-transform: uppercase;font-size:1em;
color: #292929;padding: 20px 15px 20px 65px; font-weight:bold;}
.menu_cat_item a span.span1{ color:#db4140;}
.menu_cat_item a span.span2{ color:#753384;}
.menu_cat_item a span.span3{ color:#c0264b;}
.menu_cat_item a span.span4{ color:#1dbfd7;}

.menu_cat_item a span.span5{ color:#069ed3;}
.menu_cat_item a span.span6{ color:#588844;}
.menu_cat_item a span.span7{ color:#b87060;}
.menu_cat_item a span.span8{ color:#ed8c33;}

.menu_cat_item a span.span9{ color:#822447;}
.menu_cat_item a span.span10{ color:#826aaf;}
.menu_cat_item a span.span11{ color:#0075bc;}
.menu_cat_item a span.span12{ color:#d33b96;}

.menu_cat_item a span.span13{ color:#39b54a;}
.menu_cat_item a span.span14{ color:#40c8f4;}
.menu_cat_item a span.span15{ color:#0e76bc;}
.menu_cat_item a span.span16{ color:#f287b7;}

.menu_cat_item a:active, .menu_cat_item a:focus, html:not(.mobile) .menu_cat_item a:hover span{color: #FFF}
.menu_cat_item a:active img, .menu_cat_item a:focus img, html:not(.mobile) .menu_cat_item a:hover img {-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-ms-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease}
.menu_cat_item a:active .original_img, .menu_cat_item a:focus .original_img, html:not(.mobile) .menu_cat_item a:hover .original_img {opacity: 0}
.menu_cat_item a:active .hover_img, .menu_cat_item a:focus .hover_img, html:not(.mobile) .menu_cat_item a:hover .hover_img {opacity: 1}
.cat_border {
-webkit-transition: width .3s ease;
-moz-transition: width .3s ease;
-ms-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
z-index: 0;position: absolute;left: 0;top: 0;width: 7px;height: 100%}
.menu_cat_item:hover .cat_border {width: 100%;height: 100%}
.menu_cat_item img, .menu_cat_item span {vertical-align: middle}
.menu_cat_item img {
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-ms-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
position: absolute;left: 15px;top: 50%;margin-top: -20px;max-width: 40px}
.menu_cat_item .original_img {opacity: 1}
.menu_cat_item .hover_img {opacity: 0}



@media(max-width:981px) {
	
.megamenu>li>a {/*padding:20px 10px;font-size:16px;*/font-size:12px; padding:20px 5px;	}	
.megamenu .dropdown>li>a {	font-size:.875em;}
.megamenu>li>.megapanel {}

.m-menu1{ width:100%; height:auto; overflow:hidden; float:none; border-right:none;}
.m-menu2{ width:100%; height:auto; overflow:hidden; float:none;}
.menu_cat_item2{ width:48%; margin-right:1.5%; float:left;}	


/*.menu_cat {width: 31%;float: left; margin-left:1.5%;}
.menu_cat2 {width: 100%;float: left; margin-left:0;}
.menu_cat_item2{ width:22.9%; float:left;margin-left:1.5%;}
*/
}

@media(max-width:830px) {
	
.megamenu>li>a {/*padding:20px 8px;font-size:16px;*/ margin-left:5px}


/*.nav-tit{ float:none; font-size:22px; margin-bottom:20px; margin-top:20px;}
.nav-list1{ float:left; margin-left:0;margin-right:3%; height:auto; overflow:hidden; }
.nav-list1 a{ display:block; margin-bottom:25%; width:112px;  height:52px;border:1px solid #fff;}
.nav-list1 a img{ display:block; width:100%;}
.nav-list1 a:hover{border:1px solid #0074bc;}
.nav-list1:nth-child(3n+1){ border-right:none; padding-right:0;}

.nav-list12{ float:left; margin-left:0; margin-right:3%; height:auto; overflow:hidden; }
.nav-list12 a{ display:block; margin-bottom:20%; width:132px; height:52px;border:1px solid #fff;}
.nav-list12 a img{ display:block; width:100%;}
.nav-list12 a:hover{border:1px solid #0074bc;}*/


/*.nav-tit2{ float:none; font-size:22px;margin-left:0; margin-bottom:20px;}
.nav-list2{ float:none; margin-left:0;margin-right:5%; }
.nav-list2 a{ display:block; float:left; margin-bottom:5%; margin-right:5%; width:92px; height:52px;border:1px solid #fff;}
.nav-list2 a img{ display:block; width:100%;}
.nav-list2 a:hover{border:1px solid #0074bc;}*/

}

@media(max-width:768px) {
.g-nav{ width:100%; }	
.megamenu{ background-color:rgba(10,41,3,0.8);width:100%; position:absolute;top:90px; left:0; z-index:9999;  }
.megamenu>li>.megapanel {background-color:#fff;}
.megamenu>li.showhide{ height:0; position:absolute; top:-20px; left:0; z-index:9999;}
.megamenu>li {
display:block;
width:100%;


box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box
}
.megamenu>li:hover, .megamenu>li.active {
border-top:0
}
.megamenu>li>a { background-color:rgba(51,92,108,0.8);border-bottom:solid 1px #eaeaea; color:#fff; padding:20px 3%; width:100%; margin:0;}
.megamenu>li:hover>a, .megamenu>li.active>a {

	 background-color:rgba(0,214,193,0.8); color:#fff;
}
.megamenu a {

box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box
background-color:rgba(0,49,104,0.8);
}
.megamenu .dropdown, .megamenu .dropdown li .dropdown {
width:100%;
display:none;
left:0;
border-left:0;
position:static;
border:0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box
}
.megamenu .dropdown li {
background-color:rgba(9,41,78,0.8);
border-bottom: 1px solid #315884;
}
.megamenu .dropdown>li>a {	
padding-left:30px!important
}
.megamenu>li>.megapanel {
position:static;	
}
.menu_cat_item{ width:100%; float:none;margin-left:0;margin-right:0;}
.menu_cat_item2{ width:100%; float:none;margin-left:0;margin-right:0;}	
.menu_cat {width:100%;float:none; margin-right:0; }

}

@media(max-width:680px) {
	
/*.menu_cat {width: 100%;float:none; margin-left:0px;}
.menu_cat2 {width: 100%;float:none;margin-left:0px;}
.menu_cat_item{ width:42%; float:left;margin-left:0;margin-right:1.5%;}
.menu_cat_item2{ width:42%; float:left;margin-left:0;margin-right:1.5%;}	
*/	
}

@media(max-width:510px) {
.nav-tit{ float:none; font-size:22px; margin-bottom:20px; margin-top:20px;}
.nav-list1{ float:left; margin-left:0;margin-right:3%; height:auto; overflow:hidden; }
.nav-list1 a{ display:block; margin-bottom:25%; width:102px;  height:47px;border:1px solid #fff;}
.nav-list1 a img{ display:block; width:100%;}
.nav-list1 a:hover{border:1px solid #0074bc;}
.nav-list1:nth-child(3n+1){ border-right:none; padding-right:0;}

.nav-list12{ float:left; margin-left:0;margin-right:3%; height:auto; overflow:hidden; }
.nav-list12 a{ display:block; margin-bottom:25%; width:119px;  height:47px;border:1px solid #fff;}
.nav-list12 a img{ display:block; width:100%;}
.nav-list12 a:hover{border:1px solid #0074bc;}

.clear-block{ clear:both;}
.nav-tit2{ float:none; font-size:22px;margin-left:0; margin-bottom:20px;}
.nav-list2{ float:none; margin-left:0;margin-right:5%; }
.nav-list2 a{ display:block; float:left; margin-bottom:5%; margin-right:3%; width:92px; height:52px;border:1px solid #fff;}
.nav-list2 a img{ display:block; width:100%;}
.nav-list2 a:hover{border:1px solid #0074bc;}


	
}

@media(max-width:480px) {
	
.megamenu>li.showhide span{
	position:absolute;
	content:"";
	left:10px;
	top:-40px;
	width:30px; height:30px;
	cursor:pointer; background-size:cover;
}	
	}