﻿@charset "utf-8";
/* CSS Document */



#banner{display:none !important;}





@media screen and (min-width:768px){
#top {
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 1;
        height:170px !important;
	
}
#bg {
    width: 100%;
    height: 140px !important;
    background: url(../images/bg.png) repeat-x;
    z-index: 0;
    position: absolute;
    top: 0;
}
.topWordsRoll {
    height: 38px;
    line-height: 55px;
    float: left;
    width: 100%;
    position: absolute;
    bottom: -5px !important;
    overflow: hidden;
}


}


@media screen and (min-width:998px){
#top {
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 1;
        height:150px !important;
	
}
#bg {
    width: 100%;
    height: 150px !important;
    background: url(../images/bg.png) repeat-x;
    z-index: 0;
    position: absolute;
    top: 0;
}
.topWordsRoll {
    height: 38px;
    line-height: 55px;
    float: left;
    width: 100%;
    position: relative !important ;
    bottom: -43px;
    overflow: hidden;
}
}
@media screen and (min-width:1200px){
#top {
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 1;
        height:160px !important;
	
}
#bg {
    width: 100%;
    height: 160px !important;
    background: url(../images/bg.png) repeat-x;
    z-index: 0;
    position: absolute;
    top: 0;
}

.topWordsRoll {
    height: 38px;
    line-height: 55px;
    float: left;
    width: 100%;
    position: relative !important ;
    bottom: -43px;
    overflow: hidden;
}



}


@media screen and (min-width:360px){
.listPosition .fl{line-height:0px !important;
font-size: 18px;
    float: left;
    padding-left: 15px;}

.listPosition{margin: 0px auto;
    height: 50px !important;
    text-align: left;
    font-size: 12px;
    border-bottom: 1px solid #CCCCCC;}
.listPosition .fl .postitle{line-height:20px !important;}

}






@media screen and (min-width:375px){
.listPosition .fl{line-height:0px !important;
font-size: 18px;
    float: left;
    padding-left: 15px;}

.listPosition{margin: 0px auto;
    height: 58px !important;
    text-align: left;
    font-size: 12px;
    border-bottom: 1px solid #CCCCCC;}
.listPosition .fl .postitle{line-height:20px !important;}



	.contentimg ul li{
	
	
	width:45%;
	
	height: 225px;
    line-height: 35px;
    padding: 0 2.5%;
    
}





}

@media screen and (min-width:495px){
	.contentimg ul li{
	
	
	width:30%;
	
	height: 225px;
    line-height: 35px;
    padding: 0 1.5%;
    
}

.listRightContainer ul li a {
    color: #000000;
    float: left;
    width: 70%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 14px;
}

	
}

@media screen and (min-width:768px){
.listPosition .fl{line-height:0px !important;
font-size: 18px;
    float: left;
    padding-left: 15px;}

.listPosition{margin: 0px auto;
    height: 50px !important;
    text-align: left;
    font-size: 12px;
    border-bottom: 1px solid #CCCCCC;}
@media screen and (min-width:1200px){
	.listPosition {
	
	margin: 0px auto;
	height: 40px!important;
	text-align: left;
	font-size: 12px;
	border-bottom: 1px solid #CCCCCC;
}
}    
    
.listPosition .fl .postitle{line-height:40px !important;}
.listRightContainer ul li a {
    color: #000000;
    float: left;
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 14px;
}

}







@media screen and (min-width:320px){
#list {
	width: 100%;
	margin: 0px auto;
	color: #616161;
	background-color: #FFFFFF;
	padding: 10px 0;
}
}
@media screen and (min-width:768px){
#list {
	width: 100%;
	margin: 0 auto;
	color: #616161;
	background-color: #FFFFFF;
	padding: 10px 0;
}
}
@media screen and (min-width:996px){
#list {
	width: 100%;
	margin: 0 auto;
	color: #616161;
	background-color: #FFFFFF;
	padding: 10px 0;
        margin-top:45px;
}
}
@media screen and (min-width:1200px){
#list {
	width: 1200px;
	margin: 0 auto;
	color: #616161;
	background-color: #FFFFFF;
	padding: 10px 0;
        margin-top:45px;
}
}




.listContent:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	visibility: hidden;
}

.listContent {
	zoom: 1;
}

@media screen and (min-width:320px){
.listLeft {
	float: left;
	width: 282px;
	margin-left: 2px;
	overflow: hidden;
	position: relative;
	padding-bottom: 443px;
	border-bottom: none;
	display:none;
	
}
}
@media screen and (min-width:998px){
.listLeft {
	float: left;
	width: 282px;
	margin-left: 2px;
	overflow: hidden;
	position: relative;
	padding-bottom: 443px;
	border-bottom: none;
	display:inline-block;
	
}
}

.leftTitleStyle {
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #C6C6C6;
	background: #f86503;
}

.leftTitleStyle span {
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 16px;
	text-align: left;
	text-indent: 2em;
	display: block;
	/*     background: url(../images/lo.png) 10px center no-repeat; */
	font-family: "微软雅黑";
}

.leftTitleContent {
	width: 100%;
	padding: 0px;
	margin: 0;
}

.leftTitleContent ul {
	margin: 0px auto;
	text-align: left;
	overflow: hidden;
	background: #eee;
	padding-left:1.5em;
}
.leftTitleContent ul li{
	text-indent: 20px!important;    width: 97%;    position: relative;
}
.leftTitleContent>ul>li {
	line-height: 50px;
	width: 100%;
	text-indent: 20px;
	text-align: left;
	margin: 0;
	overflow: hidden;
	position: relative;
	color: #222;
}

.leftTitleContent ul li:hover {
	cursor: pointer;
}

.leftTitleContent ul li a {
	font-size: 14px;
	color: #222;
	text-align: left;
	/***padding-left: 1.5em;**/
}

.leftTitleContent>ul>li:hover {
	cursor: pointer;
}

.leftTitleContent ul li a {
	text-decoration: none;
	color: #222;
	display: block;
	width: 85%;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
}

.leftTitleContent ul li a:hover {
	text-decoration: none;
	color: #f86503;
	background: url(../images/list-bg.png) repeat-x;
	cursor: pointer;
}

.leftTitleContent ul li ul li {
	background: #eeeeee;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 5px;
	text-overflow: ellipsis;
	position: relative;
	width: 100%;
}

.leftTitleContent ul li ul li a {
	dispaly: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #222222;
}

.leftTitleContent ul li ul li a:hover {
	background: url(../images/list-bg.png) repeat-x;
}
@media screen and (min-width:768px){
.listRight {
	margin-left: 0px;
	padding-bottom: 20px;
	border-top: 1px solid #F86503;
}
}
@media screen and (min-width:998px){
.listRight {
	width:70%;
	margin-left: 292px;
	padding-bottom: 20px;
	border-top: 1px solid #F86503;
}
}
@media screen and (min-width:1200px){
.listRight {
	width:890px;
	margin-left: 292px;
	padding-bottom: 20px;
	border-top: 1px solid #F86503;
}
}

@media screen and (min-width:320px){
.listRightContainer {
	height: auto;
	    width: 100%;
}
}
@media screen and (min-width:1200px){
.listRightContainer {
	height: auto;
	    width: 890px;
}
}



.listPosition a {
	color: #979696;
	padding: 0 5px;
}

.listPosition .fl {
	line-height: 38px;
	
	font-size: 18px;
	float: left;
	padding-left: 15px;
}
@media screen and (min-width:320px){
.listPosition .fr {
	float: right;
	text-align: right;
	height: 38px;
	line-height: 38px;
	margin-right: 10px;
	padding-left: 15px;
	display: none;
	background-position: 0 50%;
}
}
@media screen and (min-width:768px){
.listPosition .fr {
	float: right;
	text-align: right;
	height: 38px;
	line-height: 38px;
	margin-right: 10px;
	padding-left: 15px;
	display: inline-block;
	background-position: 0 50%;
}
}
/* 显示位置的样式 */
.fontgray, .fontgray a {
	color: #000000;
	text-decoration: none;
}

.fontgray a:hover {
	color: #8c8c8c;
	text-decoration: none;
}

.listRightContent {
	margin: 0px auto;
	padding: 0px 5px;
	min-height: 416px;
}

.listRightContainer ul li {
	height: auto;
    overflow: hidden;
    line-height: 35px;
    padding: 10px 0;
	
	border-bottom: 1px dashed #CCCCCC;
}

.listRightContainer ul li .list_categoryName {
	background: url(../images/point.png) no-repeat;
	float: left;
	display: inline-block;
	
	font-size: 12px;
	font-family: "微软雅黑";
	width:80%; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.listRightContainer ul li a {
	color: #000000;
	float:left;
	width:97%;
	padding-left:14px
}
.listRightContainer ul li img{display:block;width: 240px;
    height: 150px;
    float: left;}
/***.contentWord ul li img{display:none}**/
.contentWord ul li {
	/***height: 35px;***/
	line-height: 35px;
	padding: 0;
	background: url(../images/point.png) no-repeat;
	background-position: 0 50%;
	border-bottom: 1px dashed #CCCCCC;padding: 10px 0;
}
.contentWord ul li a {
	color: #000000;
	float:left;
	width:97%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
	padding-left:14px
}
#content{
	min-height:600px
}
#top .top{
	    background: url(../images/bg.png) repeat-x;
	    height:160px!important;
}
.listRightContainer ul li .news-content{float:right}
.listRightContainer ul li .news-content span span{display:none}
.listRightContainer ul li .news-content span span+span{display:block}
.listRightContainer ul li .news-content span span+span+span{display:none}
#top .top{height:160px!important;}
.listRightContainer ul li p{display:none}
.listRightContainer ul li a .listTitle {
	color: #232323;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 50%;
}

.listRightContainer ul li a .listDate {
	display: inline-block;
	float: right;
	color: #999;
}
/* 列表页呈现显示每个栏目的内容 */
/* .listModule {
	width: 49%;
	height: 288px;
	background: url(../images/listbg_r1.png) no-repeat left top;
	display: inline-block;
	float: left;
	margin: 0px auto 10px 5px;
}

.listModule .listCategory {
	height: 40px;
	line-height: 40px;
	background: url(../images/listbg_r2.png) no-repeat right top;
}

.listModule .listCategory .listCTitle1 {
	display: inline-block;
	padding-left: 36px;
	color: #5b9240;
	font-weight: bold;
	font-size: 14px;
}

.listModule .listCategory .listCTitle1 .listCTitle2 {
	display: inline-block;
}

.listModule .listCategory .listMore {
	height: 40px;
	width: 50px;
	float: right;
	font-size: 12px;
} */

/* 页面增加其他的模块内容 */
/* .leftModules {
    margin-bottom: 10px;
    width: 210px;
    margin-top: 10px;
}

.leftModules .wordTitleUl{
	width: 99%;
	    height: 35px;
    line-height: 35px;
    background: url(../images/list_title.jpg) left top no-repeat;
    text-align: left;
}
.leftModules .wordList .wordTitleUl li{
    background: none;
    padding-left: 0px;
    
}
.leftModules .wordTitleUl .spanTitle{
    display: inline-block;
    line-height: 35px;
    margin-left: 10px;
    text-align: left;
    color: #F4CE7A;
    font-weight: bold;
    font-size: 20px;
    font-family: "楷体";
}
.leftModules .wordContent{
	    background: url("../images/listLeft_content3.jpg") left bottom repeat-x;
}
#pager {
	    height: 37px !important;
    background: #fff;
    border: 1px solid #F4E3CA;
    border-top: none;
    width: 722px !important;
    margin-top: -8px !important;
} */
.leftTitleContent>ul>li ul ,.disnone{
	display: none;
}

.moreicon {
    height: 0;
    line-height: 0;
    width: 0;
    font-size: 0;
    border: 6px dashed transparent;
    border-bottom: 6px solid #666;
    position: relative;
    top: -28px;
    left: 0px;
   
}
.moreicon {
    border-top: 6px solid #666;
    border-bottom: none;
   
    position: relative;
    /***top: -22px;
    left: 0px;***/}

.morer {
    border-top: 6px solid #666;
    border-bottom: none;
   
    position: relative;
    /***top: -22px;
    left: 0px;***/}
body {
	background: none;
}
/*图片列表*/
.contentimg ul {
	overflow: hidden;
	width:100%
}



.contentimg ul li a{display:block;
width: 100%;
    height:100%;
    overflow: hidden;
    position: relative;}


.listimg, .listimg img {
	width: 200px;
	height: 150px;
	display: block;
}
.contentimg ul li .listTitle{
	text-align: center !important;
    width: 100% !important;
    position: absolute;
    bottom: 0px;
    left:0px;
   }
.listTitleone{display: block;overflow: hidden;height:30px;line-height:30px; text-align:center;color:000}
.contentimg   ul li a .listDate{display:none;}


@media screen and (min-width:768px){
	.contentimg ul li{background: none;width:calc(100% / 4.5);
	display: inline-block;
	margin: 10px 12px 0;
	height: 217px;
    border: none}
}
@media screen and (min-width:1024px){
	.contentimg ul li{background: none;width:calc(100% / 4.5);
	display: inline-block;
	margin: 10px 6px 0;
	height: 159px;
    border: none}
}
@media screen and (min-width:1200px){
	.contentimg ul li{background: none;width:calc(100% / 4.5);
	display: inline-block;
	margin: 10px 8px 0;
	height: 197px;
    border: none}
}

.contentimg img{width:100%;overflow: hidden;height:75%}




 .list-info {
    float: left;
    width: 70%;margin-left: 19px;
}





 .contentWord .list-info {
    float: left;
    width: 70%;
}
.contentWord .list-info-title {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color:#333;
	font-weight:normal;
	float:left
}
.contentWord .list-info-info {
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    height: 60px;
    overflow: hidden;
    line-height: 30px;
    text-indent: 2rem;color:#999;    white-space: normal;
	
}
span.publishTime {
    font-size: 12px;
    font-weight: normal;
    color: #999;
	float:right
}
span.search-list-time {
    float: right;
}
span.search-list-user {
    float: right;
}

#pager {
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}
#pager a {
    padding: 4px 10px;
    border: 1px solid #e7e7e7;
       margin: 0 7px 0 0 !important;
    padding: 5px 15px 5px 15px !important;
}



.moreicon {

    display: inline-block;
    border: 5px dashed transparent;
    border-top: 5px solid #666;
    margin-top: 22px;
   /*** margin-left: 280px;**/
    cursor: pointer;
    position: absolute;
    left:83%;
    top: 0;
}
.morer {
    border-top: 5px dashed transparent;
    border-left: 5px solid #666;
	    cursor: pointer;
    position: absolute;
    left: 83%;
    top: 0;
}
.disnone {
    display: none;
}
.detailBox5 img {
    max-width: 100%;
   
}
.imageUl{
	overflow: hidden;
}

.imageUl  li {
	float: left;
	width: 240px !important;
	height: 190px !important;
	border: none !important;
	 background: none !important;
	     margin: 0 28px !important;
    padding: 0px !important;
	margin-top:15px;

	
}


.imageUl li a {
	display: block
}

.imageUl li img {
	display: block !important;
    height: 145px;
    width:100%
}
.imageUl li .publishTime{display: none !important;}
.imageUl li .list-info-title {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size:12px;
	text-align:center
}
.imageUl  li .list-info-info{display:none}

.imageUl   .list-info{ float:left;text-align:center;font-size:12px;width: 100%;margin: 0;
    padding: 0;}
	.imageUl ul li a{ padding:0}