/*header*/
.topbar{background:#035697;}
.topbar .hlink {color:#fffefe;text-align:right;padding:7px 0;}
.topbar .hlink span{margin-right:10px;}
.topbar .hlink span a{color:#fffefe;padding-left:20px;font-size:12px;}
.topbar .hlink a{color:#fffefe;}
.topbar .hlink .search{background:url(images/search.png) left center no-repeat;}
.topbar .hlink .homepage{background:url(images/homepage.png) left center no-repeat;}
.hinner{position:relative;background:url(images/header.png) center top repeat-x;}
.header{width:100%;position:relative;}
.header .navbar-logo {padding:35px 0px;height:auto;}
.navbar-brand>img{max-width:100%;height:auto;}
.header .numb{color:#fffefe;padding-top: 50px;}
.header .pic{padding-top: 28px;}
.header .wz{color:#fffefe;text-align: center;}
.header-info{position:absolute;top:0;right:0;}
.numb{margin-right:20px;}
.numb p{color:#fff;font-size:15px;padding-left:27px;}
.numb p.p1{background: url(images/ico03.png) left center no-repeat;}
.numb p.p2{background: url(images/ico04.png) left center no-repeat;}
.navbar-code,.navbar-top{color:#fff;float:left;}
.navbar-code{margin-top:30px;}
.navbar-code .p2{font-size:16px;font-weight:bold;}
.navbar-code .p1 span{font-weight:bold;}
.navbar-info li{line-height:30px;}
.navbar-info span{display:inline-block;margin:0 10px;}
.main-nav{border-radius: 0;box-shadow: none;border: none;margin-bottom:0;background-color:transparent;}
.navbar-main{background-color: #fff;}
.navbar-default .navbar-nav>li>a {color: #0e416b !important;font-size:18px;padding-top:15px;padding-bottom:15px;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #0e416b !important;background-color:transparent;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{color: #0a60a2 !important;}
.navlist li a.on1{padding-left:35px;background: url(images/home.png) 10px center no-repeat;}
.navlist .dropdown-menu{padding:0;background-color:transparent;}
.navlist .dropdown-menu li{width:100%;margin-bottom:1px;}
.navlist .dropdown-menu li:last-child {border-bottom: none;}
.navlist .dropdown-menu li a{font-size:14px;padding:10px 20px;color:#fff;text-align:left;background: url(images/navbg.png) repeat;}
.navlist .dropdown-menu li a:hover{background-color:#1083ec;}
.navbar-right .dropdown-menu {left: 0;right: auto;}
.dropdown-menu, .dropdown-menu > li > a {-webkit-border-radius: 0px;-moz-border-radius: 0px;-o-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;font-weight: normal;}
.dropdown-menu {border:none;-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.05);box-shadow: 0 3px 12px rgba(0,0,0,.05);-webkit-transition: .25s;-o-transition: .25s;transition: .25s;}
.menu1{display: block; -webkit-animation: menu 0.8s;animation: menu 0.8s;}
.menu2{display: block; -webkit-animation: menu 1.0s;animation: menu 1.0s;}
.menu3{display: block; -webkit-animation: menu 1.2s;animation: menu 1.2s;}
.menu4{display: block; -webkit-animation: menu 1.4s;animation: menu 1.4s;}
.menu5{display: block; -webkit-animation: menu 1.6s;animation: menu 1.6s;}
.menu6{display: block; -webkit-animation: menu 1.8s;animation: menu 1.8s;}
.menu7{display: block; -webkit-animation: menu 2.0s;animation: menu 2.0s;}
.menu8{display: block; -webkit-animation: menu 2.2s;animation: menu 2.2s;}
.menu9{display: block; -webkit-animation: menu 2.4s;animation: menu 2.4s;}
@-webkit-keyframes menu {
0%{ opacity: 0;-webkit-transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
@keyframes menu {
0%{ opacity: 0;transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
.navbar-toggle{border-color: #ddd;}
.navbar-toggle .icon-bar {background-color: #fff;}
/*footer*/
.footer{padding:25px 0;background-color:#005b9b;}
.footer a{color:rgba(255,255,255,0.9);}
.footer .link{color:#fff;font-size: 14px;}
.footer ul{text-align:center;}
.footer ul .one{border:0; }
.footer ul li {color: rgba(255,255,255,0.9);line-height: 14px;display:inline-block;text-align: center;font-size: 14px;border-left: 1px solid rgba(255,255,255,0.9);padding: 0 16px;margin-bottom:20px;}
.footer .link a:hover{color:#0c7dd9;}
.footer-row{margin:10px 0 0;padding:15px 0 20px;color:rgba(255,255,255,0.9);}
.footer-row .pic{float: right;}
.copyright{color:rgba(255,255,255,0.9);line-height:26px;font-size:12px;position:relative;}
.copyright p{margin-bottom:0;}
.footer-code{position:absolute;top:10px;right:0;}
@media (min-width: 992px){
	.hinner{background-size:cover;}
    .navbar-nav{width:100%;display: flex;}
	.navbar-nav>li{flex:1;}
	.navbar-nav>li>a{text-align:center;}
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px;}
}
@media (min-width:1240px){
	.container {
		width: 1220px;
	}
}
@media (min-width:768px) and (max-width:1199px){
	.fcode{padding-left:0;}
	.fcode .fbox{width:90px;float:left;margin-top:10px;margin-left:20px;}
}
@media (max-width: 1200px) {
	.container {
		width: auto;
		padding-left:20px;
		padding-right:20px;
	}
	.navbar-brand>img{height:50px;}
}
@media (max-width: 991px) {
	.container {padding-left:10px;padding-right:10px;}
	.main-nav .navbar-brand{padding:10px 10px !important;}
	.navbar-main{background-color:#0e416b;}
	.navlist li{width:auto;text-align:left;}
	.navlist li a.on1{background:none;padding:10px 15px;}
	.navbar-default .navbar-nav>li>a {color: #fff !important;}
	.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #fff !important;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff;}
	.header .numb {text-align: center;}
	.copyright p{text-align: center;}
	.footer ul li {margin: 10px 0;}
}
@media (max-width:767px){
	.main-nav .navbar-brand{height:50px;padding:10px 10px !important;}
	.main-nav .navbar-brand>img{height:30px;}
    .footer .link{padding:0;}
    .footer ul li {width: 33.3%;border:0;line-height: 30px;float:left;}
    .footer-code{position:static;width:100px;margin:15px auto;}
}
@media (max-width: 414px){
	.header .logo {padding: 0px 10px;}
	.header .logo img {max-width:100%;}
	.header .numb{padding-top: 25px;}
	.header .pic{padding-top: 10px;}
	.header .pic img{width: 81%;height: auto;}
	.header .wz{text-align: left;}
}