@charset "UTF-8";
.form-text { text-indent: 0.5em; border-color: #333; border-width: 1px; box-sizing: border-box; color: #888; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.form-text:focus { border-color: #60d2bb; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #d7f4ee; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #d7f4ee; }

a { color: #333; }

a:hover { color: #F42; }

.breadcrumb { border-bottom: 1px solid #eee;  margin: 0; }

.breadcrumb a { color: #888; line-height: 2em; }

.breadcrumb a:hover { color: #f42; }

/* mixin CSS3前缀图标*/
/*站点导航*/
/*移动端菜单图标*/
.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) { 
  .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 */

.sidebar { border-left: 1px solid #eee; }

.sidebar h2 { font-size: 24px; color: #5A6; font-weight: 700; margin-top: 0; margin-bottom: 0.6em; letter-spacing: -1px; font-family: 'Century Gothic','microsoft yahei'; }

.side-news-list { list-style: none; padding: 0; margin: 0; }

.side-news-list li { margin-bottom: 30px; }

.side-news-list li:before, .side-news-list li:after { content: " "; display: table; }

.side-news-list li:after { clear: both; }

.side-news-list li .pic { margin-right: 15px; width: 90px; height: 90px; overflow: hidden; float: left; display:none;}
.side-news-list li.img .pic{ display:block;}

.side-news-list li .title { line-height: 18px; font-size: 14px; font-weight: 700; margin: 0; }
.side-news-list li .time { color: #AAA; font-size: 12px; vertical-align: baseline; margin-top: 4px; }

body { font-family: 'Verdana'; }

.news-list { clear: left; }

.news-list li { border-bottom: 1px solid #F2F2F2; overflow: hidden; }

.news-list li:hover { background: #FBFBFB; }

.news-list li a { text-decoration: none; display: block; padding: 1em 0; overflow: hidden; }

.news-list li a:hover { color: #055; }

.news-list li h3 { margin: 0; font-weight: normal; font-size: 16px; padding-right: 100px; position: relative; }

.news-list li h3 a { display: inline; }

.news-list li small { padding-right: 15px; top: 0; right: 0; position: absolute; }

.news-list li a img { width: 90px; height: auto; max-height: 80px; float: left; margin-right: 1rem; }

.news-list hr { margin: 0; }
@media (max-width: 767px){
.news-list li h3{ padding-right:0;}

}
#loadNextPageBtn { padding: 50px 0; border-top: 1px solid #ddd; background: #f2f2f2; color: #555; text-align: center; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }

#loadNextPageBtn span { width: 15rem; font-size: 1.2rem; }

#loadNextPageBtn small { margin: 0; color: #999; }

.footer { background-color: #f2f6f8; padding: 30px 0; margin-top: 3em; font-family: 'Century Gothic','microsoft yahei'; }

.footer .link { margin: 1em 0; }

.footer .link a { margin: 0 0.3em; color: #495; }

.footer .link a:hover { color: #F55; }

.footer .link i { font-style: normal; color: #ddd; }

.footer small { color: #888; }

.cate-name{margin: 0;
    position: relative;
    font-family: 'Century Gothic','microsoft yahei';
    font-size: 24px;
    font-weight: bolder;    line-height: 1em;}
	
	#displaypagenum {
		clear:left;
	overflow:hidden;
	padding-top:30px;
	line-height:22px
}
#displaypagenum p {
	padding-bottom:0
}
#displaypagenum span.page,#displaypagenum a,#displaypagenum a.next {
	padding:6px 12px;
	height:28px;
	background:#055;
	color:#FFF;
	text-decoration:none;
	font-weight:bolder;
	line-height:28px
}
#displaypagenum a,#displaypagenum a.next {
	background:#f3f3f3;
	color:#333;
	font-weight:normal
}
#displaypagenum a:hover {
	background:#277;
	color:#FFF
}
@media(max-width:767px){#displaypagenum {display:none}}

















a { color: #333; }

.bd-b { border-bottom: 1px solid #F2F6F8; }

.site-title { position: relative; padding-left: 15px; line-height: 1em; margin: 1em 0; }

.site-title:before { content: ""; position: absolute; border-left: 5px solid #276; left: 0; top: 0; bottom: 0; }

.nav-bar { background: #F2F6F8; }

.nav-bar .logo { float: left; margin:5px 0; }

.nav-bar .navbar { float: left; }

.nav-bar .navbar li { float: left; }

.nav-bar .search { width: 180px; margin:28px 0; }

.nav-bar .search input[type=text] { height: 30px; font-size: 12px; }

.nav-bar .search .btn { height: 30px; }

.main-nav { border-bottom: 3px solid #277; padding-bottom: 15px; }

.main-nav .logo { float: left; }

.main-nav .nav { float: right; width: 70%; }

.main-nav .nav li { float: left; padding: 0 20px; }

.main-nav .nav li a { line-height: 25px; padding: 0; font-size: 16px; color: #277; }

.main-nav .nav li a:hover { color: #f33; }

@media (min-width: 960px) and (max-width: 1200px) { .main-nav .nav { width: 80%; }
  .main-nav .nav li { padding: 0 15px; } }

@media (min-width: 768px) and (max-width: 959px) { .main-nav .nav { width: 80%; }
  .main-nav .nav li { padding: 0 6px; } }

.footer { background: #F2F6F8; text-align: center; padding: 30px 0; }

.footer em { font-style: normal; margin: 0 8px; color: #AAA; }

.footer small em { margin: 0 4px; }

.nav_bar { background: #5E6362; position: fixed; padding: 10px 0; }

.nav_bar li { line-height: 2em; }

.nav_bar li:hover { background-color: #333; }

.nav_bar li a { color: #FFF; display: block; padding: 3px 30px; }

.content p { margin: 1em 0; }

.content .last { margin: 1em 0 1.5em 0; }

.content .brief { border-bottom: 1px dotted #eee; text-indent: 2em; }

.content .inform { padding: 1em 0; border-bottom: 1px dotted #eee; }

.content .inform li { float: left; width: 50%; padding: 3px 0; }

.content .inform li strong { padding-right: 16px; }

.content .contact li { padding: 3px 0; }

.content .contact li strong { padding-right: 16px; }

@media (max-width: 767px) { .content .inform li { float: none; width: 100%; } }

.nav-bar { background: #26272b; }

.nav-bar .logo { float: left; margin:5px 0; }



.nav-bar .search input[type=text] { height: 30px; font-size: 12px; }

.nav-bar .search .btn { height: 30px; }

.nav-bar-logo { background: #333; }

.nav-bar-logo .navbar { background: #333; float: left; }

.nav-bar-logo .navbar li { float: left; border-right: 1px solid #26272b; }

.nav-bar-logo .navbar li:hover { background: #f39c12; }

.nav-bar-logo .navbar li:hover a { color: #fff; }



/*.nav-bar-logo .navbar li a { color: #eee; padding-left: 25px; padding-right: 25px; }.nav-bar-logo .deliver { background: #39d; float: right; display: block; color: #fff; line-height: 50px; padding: 0 20px; }*/



.footer { background: #333; text-align: center; padding: 30px 0; }

.footer a { color: #a9a9a9; }

.footer em { font-style: normal; margin: 0 8px; color: #a9a9a9; }

.footer small em { margin: 0 4px; }

/* 表格工具 */
.table-striped tbody > tr:nth-of-type(odd) { background: #fafafa; }

.table-hover tbody > tr:hover { background: #F2F2F2; }

.btn { box-sizing: border-box; padding: 0.5em 1em; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; vertical-align: middle; cursor: pointer; word-spacing: normal; white-space: nowrap; font-size: 14px; border-radius: 2px; }

.btn { background: #F2F2F2; border: 1px solid #e1e1e1; color: #333; }

.btn:hover { color: #333; }

.btn:hover, .btn.active { background: white; border: 1px solid #e9e9e9; }

.btn-primary {
    background: #0F0F0F;
    border: 1px solid #333;
    color: #FFF;
}

.btn-primary:hover { color: #FFF; }

.btn-primary:hover, .btn-primary.active { background: #337788; border: 1px solid #195d6e; }

.btn-success { background: #7B0; border: 1px solid #66aa00; color: #FFF; }

.btn-success:hover { color: #FFF; }

.btn-success:hover, .btn-success.active { background: #88cc11; border: 1px solid #6eb200; }

.btn-info { background: #39D; border: 1px solid #2288cc; color: #FFF; }

.btn-info:hover { color: #FFF; }

.btn-info:hover, .btn-info.active { background: #44aaee; border: 1px solid #2a90d4; }

.btn-warning { background: #F80; border: 1px solid #ee7700; color: #FFF; }

.btn-warning:hover { color: #FFF; }

.btn-warning:hover, .btn-warning.active { background: #ff9911; border: 1px solid #f67f00; }

.btn-danger { background: #D33; border: 1px solid #cc2222; color: #FFF; }

.btn-danger:hover { color: #FFF; }

.btn-danger:hover, .btn-danger.active { background: #ee4444; border: 1px solid #d42a2a; }

.btn-xs { font-size: 12px; padding: 1px 5px; }

.btn-sm { font-size: 12px; padding: 5px 10px; }

.btn-md { font-size: 22px; }

.btn-lg { font-size: 30px; }

button[disabled], button[disabled]:hover { color: #AAA; background-color: #EEE; border-color: #DDD; cursor: not-allowed; }

.btn-group:before, .btn-group:after { content: " "; display: table; }

.btn-group:after { clear: both; }

.btn-group .btn { border-radius: 0; margin-left: -1px; margin-right: -1px; float: left; }

.btn-group .btn:first-child { margin-left: 0; border-radius: 2px 0 0 2px; }

.btn-group .btn:last-child { margin-right: 0; border-radius: 0 2px 2px 0; }

input[type='text'] { box-sizing: border-box; padding: 0.5em 1em; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; vertical-align: middle; word-spacing: normal; font-size: 14px; border-style: solid; border-width: 1px; border-color: #e1e1e1; color: #666666; }

input[type='text']:focus { box-shadow: 0 0 0.5em #bfbfbf; outline: 0; }

.input-group { display: table; border-collapse: collapse; }

.input-group input[type='text'], .input-group .input-group-btn { display: table-cell; position: relative; box-sizing: border-box; }

.input-group input[type='text'] { width: 100%; }

.input-group .btn-group { display: table-cell; word-spacing: normal; width: 1%; vertical-align: middle; }

.input-group .btn-group .btn { margin-left: -1px; margin-right: -1px; border-radius: 0; z-index: 2; position: relative; }

.input-group .btn-group:first-child .btn { border-radius: 2px 0 0 2px; margin-right: -1px; margin-left: 0; }

.input-group .btn-group:last-child .btn { border-radius: 0 2px 2px 0; margin-left: -1px; margin-right: 0; }

.input-group input[type='text']:first-child { border-radius: 2px 0 0 2px; }

.input-group input[type='text']:last-child { border-radius: 0 2px 2px 0; }

/* 导航 */
.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; }

.cur{background: #f39c12 !important;}
.nav-bar-logo .navbar li a { color: #eee;padding-left: 30px; padding-right: 30px; }
.top-bar.hidden-xs {
    background-color: #333;
}
.topbar {
    font-size: 12px;
    line-height: 40px;
}
.left{float:left;padding:10px}
.left{
    background: url(../images/star.png) no-repeat 0 9px;
    padding-left: 24px;color: #fff;
}
.right{float:right;padding:10px;color: #fff;}
@media (max-width: 1200px){
.nav-bar-logo .navbar li a { color: #eee; padding-left: 20px; padding-right: 20px; }}
@media (max-width: 767px) { 
.navbar-sm .navbar-header { float: none; }
.nav-bar-logo .navbar li {float: left;border-right: none!important;width: 20%;}.nav-bar-logo .navbar li a { padding-left: 8px;padding-right: 8px;text-align: center;}
.deliver{display:none!important;}
.navbar li > a {color: #eee; padding:10px;}
.nav-bar .search { width: 180px; margin:11px 0; }
.nav-bar-logo .navbar li a.cur{color:#f39c12 ;} 
.cur {background: none!important;font-weight: bold;}
.nav-bar-logo .navbar li:hover {background:none;}
.logo img{height:35px;}	 
}

@media  (min-width: 768px) and (max-width:1023px){
.navbar li > a { color: #eee;}
}
@media (max-width: 960px) {
   .navbar-xs{
	   width:100%}
}