@charset "UTF-8";
/* 导航 */
.nav { margin: 0; padding: 0; }
.nav li { list-style: none; position: relative; }
.nav li > a { display: block; padding: 15px; line-height: 20px; color: #333; }
.nav li > a:hover { color: black; }
/* 导航条 */
.navbar { position: relative; padding: 0; margin: 0; background: #F2F2F2; /* 导航头部 */ /* 导航组件 */ /* 导航组件 */ }
.navbar li { list-style: none; position: relative; }
.navbar li.active { background: #e1e1e1; }
.navbar li > a { display: block; padding: 15px; line-height: 20px; color: #333; }
.navbar li > a:hover { color: black; }
.navbar .navbar-header { float: left; }
.navbar .navbar-header:before, .navbar .navbar-header:after { content: " "; display: table; }
.navbar .navbar-header:after { clear: both; }
.navbar .navbar-header .navbar-logo { float: left; height: 20px; margin: 15px; line-height: 20px; font-weight: bold; }
.navbar .navbar-header .navbar-toggle { margin: 10px 15px; height: 30px; border: 1px solid #ddd; padding: 6px 10px; display: none; }
.navbar .navbar-nav { list-style-type: none; padding: 0; margin: 0; float: left; }
.navbar .navbar-nav li { float: left; }
.navbar .navbar-right { float: right; }
.navbar:before, .navbar:after { content: " "; display: table; }
.navbar:after { clear: both; }
.dropdown-menu { position: absolute; padding: 5px 0; margin: 0; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.2); background: #FFF; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); min-width: 160px; display: none; z-index: 999; }
.dropdown-menu li { float: none !important; }
.dropdown-menu li.header { padding: 6px 15px; margin: 0; font-weight: bold; color: #555; }
.dropdown-menu li.disabled { font-style: italic; color: #DDD; cursor: not-allowed; }
.dropdown-menu li.disabled a { color: #DDD; cursor: not-allowed; }
.dropdown-menu li.disabled a:hover { background: none; }
.dropdown-menu li.active { background: #e1e1e1; }
.dropdown-menu li.active a { background: #e1e1e1; }
.dropdown-menu li.divider { margin: 5px 0; border-top: 1px solid #ddd; line-height: 0; height: 0; }
.dropdown-menu li a { color: #333; display: block; padding: 6px 15px; }
.dropdown-menu li a:hover { background: #e9e9e9; }
.navbar-default { background: #F2F2F2; border: 1px solid #ddd; }
.navbar-default li.active { background: #e1e1e1; }
.navbar-inverse { color: #F2F2F2; background: #267; border: none; }
.navbar-inverse li.active, .navbar-inverse li.active > a { background: #004455 !important; }
.navbar-inverse li > a { color: #F2F2F2; }
.navbar-inverse li > a:hover { color: white; background: #195d6e; }
.navbar-inverse li .dropdown-menu li { background: #FFF; }
.navbar-inverse li .dropdown-menu li > a { color: #267; }
.navbar-inverse li .dropdown-menu li.active > a, .navbar-inverse li .dropdown-menu li > a:hover { color: #FFF; }
.navbar-inverse li .dropdown-menu li.disabled > a { color: #DDD; }
@media (max-width: 479px) { .navbar-xs .navbar-header { float: none; }
.navbar-xs .navbar-header:before, .navbar-xs .navbar-header:after { content: " "; display: table; }
.navbar-xs .navbar-header:after { clear: both; }
.navbar-xs .navbar-header .navbar-toggle { display: block; }
.navbar-xs .navbar-nav, .navbar-xs .navbar-nav li { float: none; }
.navbar-xs .dropdown-menu { position: relative; box-shadow: none; border: none; background: #F2F2F2; color: #333; }
.navbar-xs .dropdown-menu li.header { padding-left: 20px; }
.navbar-xs .dropdown-menu li a { color: #333; padding-left: 20px; }
.navbar-xs .dropdown-menu li a:hover { background: none; } }
@media (max-width: 767px) { .navbar-sm .navbar-header { float: none; }
.navbar-sm .navbar-header:before, .navbar-sm .navbar-header:after { content: " "; display: table; }
.navbar-sm .navbar-header:after { clear: both; }
.navbar-sm .navbar-header .navbar-toggle { display: block; }
.navbar-sm .navbar-nav, .navbar-sm .navbar-nav li { float: none; }
.navbar-sm .dropdown-menu { position: relative; box-shadow: none; border: none; background: #F2F2F2; color: #333; }
.navbar-sm .dropdown-menu li.header { padding-left: 20px; }
.navbar-sm .dropdown-menu li a { color: #333; padding-left: 20px; }
.navbar-sm .dropdown-menu li a:hover { background: none; } }
@media (max-width: 959px) { .navbar-md .navbar-header { float: none; }
.navbar-md .navbar-header:before, .navbar-md .navbar-header:after { content: " "; display: table; }
.navbar-md .navbar-header:after { clear: both; }
.navbar-md .navbar-header .navbar-toggle { display: block; }
.navbar-md .navbar-nav, .navbar-md .navbar-nav li { float: none; }
.navbar-md .dropdown-menu { position: relative; box-shadow: none; border: none; background: #F2F2F2; color: #333; }
.navbar-md .dropdown-menu li.header { padding-left: 20px; }
.navbar-md .dropdown-menu li a { color: #333; padding-left: 20px; }
.navbar-md .dropdown-menu li a:hover { background: none; } }
@media (max-width: 1199px) { .navbar-lg .navbar-header { float: none; }
.navbar-lg .navbar-header:before, .navbar-lg .navbar-header:after { content: " "; display: table; }
.navbar-lg .navbar-header:after { clear: both; }
.navbar-lg .navbar-header .navbar-toggle { display: block; }
.navbar-lg .navbar-nav, .navbar-lg .navbar-nav li { float: none; }
.navbar-lg .dropdown-menu { position: relative; box-shadow: none; border: none; background: #F2F2F2; color: #333; }
.navbar-lg .dropdown-menu li.header { padding-left: 20px; }
.navbar-lg .dropdown-menu li a { color: #333; padding-left: 20px; }
.navbar-lg .dropdown-menu li a:hover { background: none; } }
/*body { padding-top: 50px; }*/
hr { border-color: #ddd; border-width: 1px 0 0 0; border-style: solid; }
a { color: #333; }
a:hover { color: #145; }
hr.solid-primary { border-width: 1px; border-color: #156; }
/* header */
.header { background: #f2f2f2; position: fixed; width: 100%; z-index: 9; top: 0; }
.header .logo { float: left; margin: 10px 0; height: 30px; width:95px;}
.header .navbar-nav { float: left; padding: 0; list-style-type: none; margin: 0; }
.header .navbar-nav li { float: left; margin-right: 15px; }
.header .navbar-nav li a { display: block; margin-top: 5px; margin-bottom: 5px; height: 30px; padding: 5px 0; border-radius: 4px; }
.header .navbar-nav li a:hover { background-color: #FFF; }
.header .navbar-nav li:last-child { margin-right: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.search-btn, .showSideMenu { margin-top: 5px; height: 40px; width: 40px; background-image: url("btn.gif") !important; position: relative; background-color: transparent; border: 1px solid transparent; border-radius: 4px; float: right; }
.search-btn { background-position: 0 -96px !important; }
.showSideMenu { margin-left: 8px; margin-right: -8px; background-position: 0 -144px !important; }
.jfjb-btn { float: right; height: 40px; margin-top: 5px; padding-top: 10px; padding-left: 5px; padding-right: 5px; border-color: transparent; }
/*导航菜单*/
.navbar { background: transparent; padding-top: 20px; padding-left: 0; padding-right: 0; padding-bottom: 5px; }
.header-pc { border-bottom: 2px solid #267; }
.header-pc .logo { margin-top: 5px; margin-right: 30px; }
.header-pc .navbar-nav li { margin-left: 15px; }
.header-pc .navbar-nav li a { padding: 0; line-height: 48px; font-size: 18px; color: #333; }
.header-pc .navbar-nav li a:hover { color: #F55; }
.header-pc .navbar-nav li.aboutus { border-radius: 15px; margin-top: 10px; transition: all 0.4s; border: 1px solid #ddd; overflow: hidden; }
.header-pc .navbar-nav li.aboutus a { line-height: 30px; font-size: 14px; padding: 0 10px; color: #156; }
.header-pc .navbar-nav li.aboutus a:hover { color: #FFF; background: #156; }
.header-pc .navbar-nav li.aboutus:hover { transform: translateX(-5px); }
/* 屏幕临界点 */
/* 布局列间隔 */
/* 头部 - PC */
.header .logo { margin-top: 5px; margin-right: 15px; }
/*end*/
@-webkit-keyframes anm-loader { 0% { left: 0; }
50% { left: 90px; }
100% { left: 0; } }
@keyframes anm-loader { 0% { left: 0; }
50% { left: 90px; }
100% { left: 0; } }
span#num {
background: #256;
border-radius: 3px;
color: #FFF;
padding: 0 8px;
font-size: 14px;
vertical-align: middle;
margin-left:6px;
height: 26px;
line-height:26px;
display:none;
}
.header .navbar-nav li a:hover {
background-color: transparent; color:#F55;
}
/*导航*/
/*移动端菜单图标*/
.menuicon { width: 30px; height: 30px; position: relative; }
.menuicon span { display: block; position: absolute; background: #FFF; left: 0; right: 0; height: 2px; top: 14px; -webkit-transition: background 0.3s 0.5s ease; -moz-transition: background 0.3s 0.5s ease; -ms-transition: background 0.3s 0.5s ease; -o-transition: background 0.3s 0.5s ease; transition: background 0.3s 0.5s ease; }
.menuicon span:before, .menuicon span:after { content: ''; position: absolute; height: 2px; left: 0; right: 0; background: #FFF; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: top .3s .5s ease, -webkit-transform .3s ease; transition: top .3s .5s ease, transform .3s ease; }
.menuicon span:before { top: -10px; }
.menuicon span:after { top: 10px; }
.menuicon.close span { -webkit-transition: background 0.3s 0.3s ease; -moz-transition: background 0.3s 0.3s ease; -ms-transition: background 0.3s 0.3s ease; -o-transition: background 0.3s 0.3s ease; transition: background 0.3s 0.3s ease; background: transparent; }
.menuicon.close span:before, .menuicon.close span:after { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transition: top .3s ease, -webkit-transform .3s .5s ease; transition: top .3s ease, transform .3s .5s ease; }
.menuicon.close span:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
/*导航条*/
.nav-main { background-color: #267; background-image: linear-gradient(135deg, #145, #276, #145); box-shadow: 0 0 20px #666; border-bottom: none; }
.nav-main .container { position: relative; }
.nav-main .brand { padding: 10px; left: 15px; line-height: 30px; position: absolute; }
.nav-main .brand:hover { background: #6A7; }
.nav-main .brand img { float: left; height: 30px; }
.nav-main .brand span { font-weight: bold; color: #267; line-height: 30px; display: none; }
.nav-main .site-name { margin: 0 0 0 10px; line-height: 50px; font-size: 16px; font-weight: bold; color: #FFF; text-align: center; }
.nav-main .nav-bar { margin: 0 0 0 40px; float: left; list-style: none; }
.nav-main .nav-bar li { float: left; }
.nav-main .nav-bar li a { display: block; color: #FFF; font-size: 12px; padding: 0 10px; line-height: 50px; }
.nav-main .nav-bar li.active { color: #5A6; background: #5A6; font-weight: bold; }
.nav-main .nav-bar li.active > a { text-shadow: 0px 0px 6px #145; }
.nav-main .nav-bar li:hover { background: #5A6; color: #FFF; }
.nav-main .nav-bar li.dropdown .dropdown-menu { border-radius: 0 0 3px 3px; border: none; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); list-style: none; }
.nav-main .nav-bar li.dropdown .dropdown-menu a { line-height: 3em; }
.nav-main .nav-bar li.dropdown.active { color: #5A6; background: #5A6; font-weight: bolder; }
.nav-main .nav-bar li.dropdown:hover { background: #FFF; }
.nav-main .nav-bar li.dropdown:hover a { color: #5A6; text-shadow: none; }
.nav-main .nav-bar li.dropdown:hover .dropdown-menu { display: block; width: 220px; }
.nav-main .nav-bar li.dropdown:hover .dropdown-menu a { color: #555; font-weight: normal; }
.nav-main .nav-bar li.dropdown:hover .dropdown-menu a:hover { background: #E9F9E9; color: #5A6; }
.nav-main .search { width: 232px; float: right; margin: 10px 0; }
.nav-main .search input { height: 28px; color: #888; border: none; float: left; width: 150px; padding-left: 5px; padding-right: 5px; }
.nav-main .search input[type="text"]:focus { outline: none; box-shadow: 0 0 5px #2a9; }
.nav-main .search .btn { border: none; background: #009688; float: left; width: 72px; height: 30px; }
.nav-main .btn-search { border: none; background: #009688; color: #FFF; }
.menu-cover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.5; z-index: 5; display: none; }
@media (max-width: 960px) { body { padding-top: 50px; }
.nav-main { position: fixed; top: 0; left: 0; right: 0; z-index: 10; box-shadow: 0 0 20px #000; background-image: linear-gradient(135deg, #276, #145); }
.nav-main .nav-bar li.active, .nav-main .nav-bar li.dropdown.active { background: none; }
.nav-main .brand { padding: 10px 0; background: none; }
.nav-main .brand:hover { background: none; }
.nav-main .btn-menu-toggle { float: right; margin: 10px 0; }
.nav-main .nav-bar { position: fixed; top: 65px; bottom: 15px; left: 15px; right: 15px; margin: 0 !important; padding: 15px 0; background: #FFF; z-index: 10; display: block; float: none; clear: both; border-top: 2px solid #5A6; box-shadow: 0 0 30px #000; overflow-y: auto; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); }
.nav-main .nav-bar:after { content: ""; display: table; clear: both; }
.nav-main.active .nav-bar { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.nav-main .nav-bar li { float: none; border-bottom: 1px solid #f2f6f8; position: relative; }
.nav-main .nav-bar > li.dropdown:after { content: " "; top: 14px; right: 14px; position: absolute; border-style: solid; border-color: #294; border-width: 1px 1px 0 0; width: 8px; height: 8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.nav-main .nav-bar > li.dropdown.open:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.nav-main .nav-bar li.active > a { text-shadow: none; }
.nav-main .nav-bar li a { color: #294; padding-left: 15px; line-height: 40px; }
.nav-main .nav-bar li a.active { background: none; }
.nav-main .nav-bar li.dropdown a { display: inline; }
.nav-main .nav-bar li.dropdown:hover .dropdown-menu, .nav-main .nav-bar li.dropdown .dropdown-menu { box-shadow: none; position: static; background: #f2f6f8; width: auto; display: none; margin: 0; padding: 0; }
.nav-main .nav-bar li.dropdown .dropdown-menu a { color: #333; font-weight: normal; display: block; border-top: 1px solid #eee; }
.nav-main .nav-bar li.dropdown.open .dropdown-menu { display: block; } }
/* 主导航 - End */
