.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; }

.cate-name {
    margin: 0;
    position: relative;
    font-size: 24px;
    font-weight: bolder;
    line-height: 1em;
}
.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; }

.news-list { clear: left; margin:0;}
.news-list li {overflow: hidden;border-bottom: 1px solid #d9d9d9;}
.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: 30px;margin-bottom:20px;display:block;}
.news-list li .image[src=""] {
    display: none;
}
.news-list li .image:not([src]) + h3,
.news-list li .image[src=""] + h3 {
    width: 100%;
}

.news-list li a:hover { color: #F55; }
.news-list li img:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,.8)}
.news-list li h3 { margin: 1em 0 ; font-weight:bolder; font-size:20px;  position: relative; line-height:1.3em;}
.news-list li h3 a { display: inline; }
.news-list li small { line-height: 3em;font-style: normal;color: #999;}
.news-list li small:before{    content: "";    width: 6px;    height: 6px;    border-radius: 50%;    display: inline-block;    background: #808080;    margin-right: 5px;      margin-top: 2px;    margin-bottom: 2px;}
.news-list hr { margin: 0; }

@media (max-width: 960px){
.news-list li h3 { font-size: 16px; font-weight: 200;}
}
@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:left; width:70%; box-sizing: border-box; padding-left:10px;margin:0;}
.news-list li p{ display:none;}
}

#loadNextPageBtn { padding: 50px 0; border-top: 1px solid #ddd; background: #f2f2f2; color: #555; 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; }


#displaypagenum { display: table; margin: 0 auto; margin-top: 30px; font-size: 16px; clear: both; }

#displaypagenum .page, #displaypagenum .next { text-align: center; width: 2em; line-height: 2em; color: #555; display: table-cell; padding: 0 3px; }

#displaypagenum .page:hover, #displaypagenum .next:hover { color: #145; background-color: #ddd; cursor: pointer; border-color: #ddd; }

#displaypagenum a, #displaypagenum .next, #displaypagenum .page{ line-height: 2em; margin: 0 5px;}

#displaypagenum span.page { color: #fff; background: #1b4e72; }

#displaypagenum .nextbtn { background: url(../images/page-right.png) no-repeat 50% 50%; }

#displaypagenum .prevbtn { background: url(../images/page-left.png) no-repeat 50% 50%; }


@media(max-width:767px){#displaypagenum {display:none}}

@media (max-width: 1199px) and (min-width: 961px){.nav-main .nav-bar li a {padding: 0 12px\9;margin: 0;}}