@charset "utf-8";
/* CSS Document */

/*nav*/

.nav{margin:0 auto; max-width:800px; margin:0 auto; margin-bottom:1px; }
.nav:after{clear:both; display:block; visibility:hidden; height:0; content:".";}
ul.navigation li{text-align:center; float:left; color:#fff; font-size:1.2em; width:150px;}
ul.navigation li:first-child{width:150px;}
ul.navigation li a{padding:1em 0; color:#fff; display:block;}
ul.navigation li a:hover{transition:.20s linear;  background:#00a0e9;}
ul.navigation li a.active{background:#00a0e9;}


ul.nav-top li{text-align:center; float:left; color:#fff; font-size:1.2em; width:18.4%;}
ul.nav-top li a{padding:1em 0; color:#fff; display:block;}
ul.nav-top li a:hover{transition:.20s linear;  background:#00a0e9;}
ul.nav-top li:first-child{width:18%;}



/*lv2*/
ul.navigation ul li, ul.navigation ul li:hover{border:none;}
ul.navigation li:hover > ul{display:block; opacity:1; background:rgba(0,160,233,0.9);}
ul.navigation li ul{display:none; position:absolute; text-align:left; background:none; word-break:keep-all; opacity:0; z-index:999; transition:all 0.8s ease 1.2s; top:auto; margin:0; font-size:1em; }
ul.navigation li ul li{float:none; padding:0em !important; display:block;}
ul.navigation li ul li a{border:none; padding:0.8em 5px; font-size:0.7em; color:#fff !important; border-bottom:#fff 1px dotted;   transition:all 0.2s ease-out 0.1s; display:block; width:140px; text-align:center; word-wrap:break-word;}
ul.navigation li ul li a:hover{color:#fff !important; display:block; background:#333; transition:.20s linear;}




/*navsel*/
.navsel{display:none; clear:both;color:#fff;  height:100%; width:100%;  position:fixed;  background:#fff;opacity:0.9;filter:alpha(opacity=90);  z-index:99999999; font-size:0.9em;}
.navsel .bg{ height:100%; width:60%; position:absolute; left:40%; overflow-y:auto;  overflow-x:none; z-index:99999999; overflow-y:none;background:#005ea6; }
.navsel a{color:#fff; line-height:1em; }
.navsel .navclose{text-align:center; padding:1.5em; font-size:1em; }
.navsel .navclose:hover{ color:#fff; }

.navsel .bg2{ height:100%; width:40%; position:absolute; right:60%; overflow-x:none;  }
.navsel .clear{ width:100%; height:1px; border-bottom:1px dashed #fff; clear:both;}
.navsel .link li a{border:none; padding:1em 0em; font-size:1.2em; color:#fff !important; border-bottom:#fff 1px dotted;   transition:all 0.2s ease-out 0.1s; width:100%; display:block; background:url(../images/bg-nav.gif) repeat-y left; }
.navsel .link li a:hover{background:url(../images/bg-navov.gif) repeat-y left #999;}
.navsel .link li li a{border:none; padding:1em 0em; font-size:0.9em; color:#333 !important;   transition:all 0.2s ease-out 0.1s; width:100%; display:block; background:#ddd; }
.navsel .link li li a:hover{transition:all 0.2s ease-out 0.1s; width:100%; display:block; background:#ccc; color:#333; }
.lang {   padding:2em 0; }
.lang a{ color:#fff; border:1px dashed #fff; padding:1em; margin-right:1px; font-size:0.9em; }
.lang a:hover{background:#ccc;}



@media screen and (max-width: 1024px) {
	

}

@media screen and (max-width: 960px) {
	ul.navigation li{width:18%;}
	ul.navigation li:first-child{width:18%;}

}


@media screen and (max-width: 768px) {
	
	

}
@media screen and (max-width: 650px) {
	ul.navigation li{ display:none;}
	.top-bar{ display:none;}
	.toptool{ display:none;}
	
	
}

@media screen and (max-width: 600px) {
	
	
}

@media screen and (max-width: 480px) {
	

}

@media screen and (max-width: 460px) {
	

}