@charset "UTF-8";
body { font-family: 'Verdana'; }

.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: #F55; }

.breadcrumb { border-bottom: 1px solid #eee; float: left; margin:0 0 15px 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) { 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 */

.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 .title a:hover { color: #F55; }
.side-news-list li .time { color: #AAA; font-size: 12px; vertical-align: baseline; margin-top: 4px; }


.cate-name{margin: 0;
    position: relative;
    font-family: 'Century Gothic','microsoft yahei';
    font-size: 24px;
    font-weight: bolder;    line-height: 1em;}

.news-list { clear: left; }
.news-list li {overflow: hidden;border-bottom: 1px solid #EEE;}
.news-list li:hover { background: #FBFBFB; }
.news-list li a { text-decoration: none; display: block; padding: 1em 0; overflow: hidden;}
.news-list li img{width: 200px; height: auto; float: left; margin-right: 1rem; padding-bottom:20px; border-right:3px solid whitesmoke; padding-right:15px;}

.news-list li a:hover { color: #F55; }
.news-list li h3 { margin: 0; font-weight:bolder; font-size: 17px;  position: relative; line-height:1.3em;}
.news-list li h3 a { display: inline; }
.news-list li p{ margin:0.5em 0; line-height:1.3em; color:#888; height:2.6em; overflow:hidden;}
.news-list li small {font-style: italic; line-height:1em;margin:0.5em 0;    color: #267;}
.news-list hr { margin: 0; }

@media (max-width: 767px){
.news-list li img{width:30%;  margin:0;padding:0; border:none;}
.news-list li h3{ font-size:14px; font-weight:normal; float:right; width:70%; box-sizing: border-box; padding-left:10px;}
.news-list li p{ display:none;}
}

#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.3m; color: #495; }
.footer .link a:hover { color: #F55; }
.footer .link i { font-style: normal; color: #ddd; }
.footer small { color: #888; }
#displaypagenum {
	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}}