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



/* 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); }


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


.cate-name{margin: 0;
    position: relative;
    font-size: 26px;
    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}}

#main-news-list{list-style: none; padding: 0;}


.describe{width:90%;position: absolute;bottom: 0;background:linear-gradient(rgba(51, 46, 46, 0.32) 20%, #5D5B5B);;color: #fff;padding-left: 5%;padding-right: 5%;}
.describe .text{text-align:center;display:block;margin-top: 15px;}
.describe .text a{font-size:22px;color:palegoldenrod;font-weight:bold}
.videos .pic img:hover{border:none}

/*图片边框效果*/
.article img{box-shadow:none; width: 100%;border:none; }
.pic img:hover{box-shadow:0 0 10px #ccc;}
.channel-titile{display:none}
.channel-titile h3{text-align: center;color: #276;margin: 0;margin-top: .3em;padding: 0; font-weight:normal;}
.title a{line-height:1.5em;font-size:21px;color:#333;}
.title{margin:.5em 0 .8em 0}
@media(max-width:767px){
	.list-article .article .title a{min-height:auto;font-size:14px;color: #333;}
	.videos .list-article .article .title a{height:auto;}
	.describe .text a{font-size:14px;margin-bottom: 15px;display: block;}
	.describe p{display:none}
	.article img{padding:0;border-radius:0;}
	.channel-titile{display:block;}
	.header,.topbar{display:none;}
	.article-hd:after {
    content: "";
    display: table;
    clear: both;
}
.pic {
    width: 38%;
    float: left;
}
.title {
    margin:0;
    float: left;
    width: 58%;
    padding-left: 10px;
    box-sizing: content-box;
    line-height: 1.3em;
}
.list-article{margin-top:0px !important;}
/*.col-md-3-12 .article img {
    padding: 7px 7px 7px 0px;
   
}*/
/*.article-hd {
    border-bottom: 1px solid #eee;
}*/
.article {
    padding: 1em 15px 1em 0px;
    border-bottom: 1px solid #eee;
}
.breadcrumb > a, .breadcrumb li {  margin-right: 1.2em; }
.m-t-list{margin-top:14px;}
}

@media(min-width:1200px){
	.title a{ height: 4.5em;overflow: hidden;display: block;}
}
@media(min-width:1024px){
	.title a{ height: 4.5em;overflow: hidden;display: block;}
}
@media (min-width:768px) and (max-width:1023px){
	.videos .list-article .article .title a {height:4.2em;display:block;overflow:hidden;}
	.header,.topbar{display:none;}
	.title a { height: 4.5em; display: block; }
}