@charset "UTF-8";
/* reset section */
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-size: 14px;}
body {  margin: 0;  font-family: 'sans-serif', '\5FAE\8F6F\96C5\9ED1'; line-height: 1.4em;font-size: 14px;}
hr {  height: 0;  margin-top: 14px;  margin-bottom: 14px;  border: 0;  border-top: 1px solid #eee; }
img { border: none; }
small {  font-size: 80%; }
a { text-decoration: none;  color: #333; }
a:hover { color: #F55; }

/* 工具类 */
.visible-xs,.visible-xs-up,.visible-xs-down,.visible-sm,.visible-sm-up,.visible-sm-down,.visible-md,.visible-md-up,.visible-md-down,.visible-lg,.visible-lg-up,.visible-lg-down{display:none}@media(max-width:767px){.visible-xs{display:block}}@media(min-width:768px) and (max-width:959px){.visible-sm{display:block}}@media(min-width:960px) and (max-width:1199px){.visible-md{display:block}}@media(min-width:1200px){.visible-lg{display:block}}@media(min-width:767px){.visible-xs-up{display:block}}@media(min-width:959px){.visible-sm-up{display:block}}@media(min-width:1199px){.visible-md-up{display:block}}@media(min-width:1200px){.visible-lg-up{display:block}}@media(max-width:1px){.visible-xs-down{display:block}}@media(max-width:768px){.visible-sm-down{display:block}}@media(max-width:960px){.visible-md-down{display:block}}@media(max-width:1200px){.visible-lg-down{display:block}}@media(max-width:767px){.hidden-xs{display:none}}@media(min-width:768px) and (max-width:959px){.hidden-sm{display:none}}@media(min-width:960px) and (max-width:1199px){.hidden-md{display:none}}@media(min-width:1200px){.hidden-lg{display:none}}@media(min-width:767px){.hidden-xs-up{display:none}}@media(min-width:959px){.hidden-sm-up{display:none}}@media(min-width:1199px){.hidden-md-up{display:none}}@media(min-width:1200px){.hidden-lg-up{display:none}}@media(max-width:1px){.hidden-xs-down{display:none}}@media(max-width:768px){.hidden-sm-down{display:none}}@media(max-width:960px){.hidden-md-down{display:none}}@media(max-width:1200px){.hidden-lg-down{display:none}}

.m-t{margin-top:15px!important}.m-t-xs{margin-top:10px!important}.m-t-sm{margin-top:20px!important}.m-t-md{margin-top:30px!important}.m-t-lg{margin-top:45px!important}.m-r{margin-right:15px!important}.m-r-xs{margin-right:10px!important}.m-r-sm{margin-right:20px!important}.m-r-md{margin-right:30px!important}.m-r-lg{margin-right:45px!important}.m-b{margin-bottom:15px!important}.m-b-xs{margin-bottom:10px!important}.m-b-sm{margin-bottom:20px!important}.m-b-md{margin-bottom:30px!important}.m-b-lg{margin-bottom:45px!important}.m-l{margin-left:15px!important}.m-l-xs{margin-left:10px!important}.m-l-sm{margin-left:20px!important}.m-l-md{margin-left:30px!important}.m-l-lg{margin-left:45px!important}.m-n{margin:0!important}.p-t{padding-top:15px!important}.p-t-xs{padding-top:10px!important}.p-t-sm{padding-top:20px!important}.p-t-md{padding-top:30px!important}.p-t-lg{padding-top:45px!important}.p-r{padding-right:15px!important}.p-r-xs{padding-right:10px!important}.p-r-sm{padding-right:20px!important}.p-r-md{padding-right:30px!important}.p-r-lg{padding-right:45px!important}.p-b{padding-bottom:15px!important}.p-b-xs{padding-bottom:10px!important}.p-b-sm{padding-bottom:20px!important}.p-b-md{padding-bottom:30px!important}.p-b-lg{padding-bottom:45px!important}.p-l{padding-left:15px!important}.p-l-xs{padding-left:10px!important}.p-l-sm{padding-left:20px!important}.p-l-md{padding-left:30px!important}.p-l-lg{padding-left:45px!important}.p-n{padding:0!important}

.block {  display: block;  width: 100%; }
.relative {  position: relative; }
.text-center {  text-align: center; }
.pull-left{float:left !important;}
.pull-right{float:right !important;}
.list-unstyled {  padding-left: 0;  list-style: none; }
.list-inline {  margin-left: -5px;  padding-left: 0;  list-style: none; }
.list-inline > li {  display: inline-block;  padding-right: 5px;  padding-left: 5px; }
.list-ol {  padding-left: 1.5em; }
.list-ol li {  padding: 3px 0;  line-height: 1.8rem; }

/*.navigation {  background: #f2f6f8;  font-size: 16px;}
.navigation ul {  list-style: none;  padding: 0;  overflow: hidden;  margin: 0; }
.navigation ul li ul{visibility:hidden; position: absolute;}
.navigation ul li:hover ul{visibility:visible;z-index:99;}
.navigation ul li ul{position:absolute;visibility:hiden;margin-left:0px;}
.navigation ul li ul li{background:#f2f6f8;font-size: 12px;line-height: 20px;padding:4px 0;display:block;position:relative;clear:both;border-bottom:1px solid #49D;width: 13em;text-align: left;}
.navigation ul li .power li{background:#f2f6f8;font-size: 12px;line-height: 20px;display:block;position:relative;clear:both;border-bottom:1px solid #49D;width: 8em;text-align: left;}
.navigation ul li .hightLev li{background:#f2f6f8;font-size: 12px;line-height: 20px;display:block;position:relative;clear:both;border-bottom:1px solid #49D;width: 5em;text-align: left;}
.navigation ul li ul li:hover{color:#FFF;background:#49D}
.navigation li {float:left;line-height: 50px;margin-left:-1px;}
.navigation li a {color:#036;padding: 0 11px;display: block; }
.navigation li a:hover{color:#FFF;background:#49D}
.forceBar{color:#FFF;background:#49D}*/
/* 导航菜单 */
.navigation { background: #11487e;  font-size: 16px;}
.navigation .navbar-nav { list-style: none;  padding: 0;  margin: 0;  height:50px; overflow:visible; display:none;}
.navigation li {float:left;line-height: 50px; list-style:none; position:relative;}
.navigation li a {color:#fff;padding: 0 14px;display: block;white-space: nowrap;}
.navigation li:hover,.navigation li a:hover{color:#FFF;background:#38C}
.navigation li:hover ul.sub-ul{display:block;}
.navigation ul.sub-ul{padding:10px; display:none; background:#07b; position:absolute; z-index:20;border-radius: 0 0 5px 5px; box-shadow: 0 3px 5px rgba(0,0,0,0.5); height:auto;}
.navigation ul.sub-ul-ar{right:0}
.navigation ul.sub-ul li{background:#07B; float:none; font-size: 12px;line-height: 20px;padding:4px 0;border-bottom:1px solid #006EAD;text-align: left;}
.navigation ul.sub-ul li:hover{color:#FFF;background:#38C}
.navigation li.active a {color:#FFF;background:#49D}
.navigation li.active ul.sub-ul a{ background:transparent;}
.navigation li.float-right{ float:right !important;}
.navigation li.extend{display: none;}
.navigation li a#btn-nav-extend{padding-bottom: 2px;}
.navigation li a#btn-nav-extend:after{content: "";display: block;width: 5px;height: 5px;border-style: solid;border-color: #FFF;border-width: 0 1px 1px 0;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);margin: 0 auto;}
.open li.extend{ display:list-item;}
.open li a#btn-nav-extend:after{ margin-top:5px; -moz-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);}

@media (max-width: 767px){
	.navigation{ margin: 0 -15px;/* background: #0064BB; background-image: linear-gradient(155deg, #0078b6, #0064BB 80%);border-bottom: 5px solid #036;*/}
	.navigation li{ width:16.666%; text-align:center; line-height:30px;}
	.navigation li.active a{ display:inline; border-radius:3px;padding:2px 10px;}
	.navigation .navbar-nav{ padding:10px 0; overflow:hidden; height:auto;}
	.navigation .float-right:hover,.navigation a#btn-nav-extend{ background:none;}
    .navigation .nav-sm{display:block;}
}

@media (min-width: 768px) and (max-width:1023px){
	.navigation .nav-sm{display:block;}	
	.navigation .float-right{ display:none !important;}	
	.top-container{width: 100%; background: #003466;}
}

@media (min-width: 1024px) {
	.navigation ul li:hover ul{visibility:visible;z-index:99;}
	.navigation .nav-lg{display:block;}
}


