/* 企业建设列表页 */


/* 给header一个渐变的背景 */

.header {
    background: #FFFFFF;
}
.header:hover {
   background: #FFFFFF;

}

.area-title {
    text-align: center;
    line-height: 60px;
}

.cont-list .list-item {
	width: 100%;
	margin: auto;
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
    position: relative;
}

.cont-list .list-item:not(:first-child) {
    padding-top: 20px;
}


.cont-list .list-item .imgbox {
    width: 27%;
    overflow: hidden;
    /* background:#dcdcdc ; */
}
.cont-list .list-item .imgbox img{
    width:100% ;
    transition: all 0.5s;
}
.cont-list .list-item:hover .imgbox img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition:all 0.3s;

}
.cont-list .list-item .txtbox { width: 73%; text-align: justify; text-justify: inter-word; line-height: 24px;
    transition:all 0.3s; position: relative;height: 196px;}
.cont-list .list-item .txtbox>.img{width: 100%;height: 100%;transition: all 0.3s;opacity: 0;}
.cont-list .list-item .txtbox>.img img{width: 100%;height: 100%;}

.cont-list .list-item .txtbox>.txtinner{width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding: 20px 30px;}
.cont-list .list-item.noimg{position: relative;height: 235px;}
.cont-list .list-item.noimg>.img{width: 100%;height: 100%;transition: all 0.3s;opacity: 0;}
.cont-list .list-item.noimg>.img img{width: 100%;height: 100%;}
.cont-list .list-item.noimg:hover>.img{transition: all 0.3s;opacity: 1;}
.cont-list .list-item.noimg .txtinner{ width: 100%;position: absolute;top: 20px;left: 0;padding: 40px 30px;height: 100%;}
.cont-list .list-item:hover  .txtbox>.img{transition: all 0.3s;opacity: 1;}
.cont-list .list-item:hover .txtbox .item-tit{color: #FFFFFF;transition: all 0.3s;}
.cont-list .list-item:hover .item-tit{color: #FFFFFF;transition: all 0.3s;}
.cont-list .list-item:hover .txtbox {color: #FFFFFF;transition: all 0.3s;}
.cont-list .list-item.noimg:hover .txtinner {color: #FFFFFF;transition: all 0.3s;}
.cont-list .list-item .txtbox .item-tit {
    color: #333;
    margin-bottom: 10px;
    font-weight: 600;
    -webkit-line-clamp: 1;
    /*要显示行数*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.cont-list .list-item .item-time {
    padding-bottom: 10px;
}

.cont-list .list-item .item-txt {
    -webkit-line-clamp: 2;
    /*要显示行数*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 45px;
}

@media only screen and (max-width: 1680px) {
    .cont-list .list-item .imgbox {width: 30%;}
    .cont-list .list-item .txtbox {width: 70%;}
}
@media only screen and (max-width: 1440px) {

    .cont-list .list-item .imgbox {width: 35%;}
    .cont-list .list-item .txtbox {width: 65%;}
}
@media only screen and (max-width: 1024px) {
    .cont-list .list-item .imgbox {width: 39%;}
    .cont-list .list-item .txtbox {width: 61%;}
    .cont-list {padding: 0 20px;}
    .cont-list .list-item:hover .imgbox img{
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transition:all 0;

	}
	.cont-list .list-item:hover .txtbox{
		    color: #333;
	}
	.cont-list .list-item:hover .txtbox .item-tit{
		    color: #333;
	}
	.cont-list .list-item .txtbox>.txtinner .item--txt{height: 48px;    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;}
    .cont-list .list-item .txtbox>.img img{opacity: 0;}
}
@media only screen and (max-width: 768px) {
    .areaone{margin-top: 60px ;padding-top: 20px;}
    
}
@media only screen and (max-width: 550px) {
    .area-title {line-height: 30px;padding: 0 20px;margin-bottom: 15px; }
    .cont-list .list-item .txtbox .item-tit {margin-bottom: 6px;}
    .cont-list .list-item .item-time { padding-bottom: 2px;}

}   
@media only screen and (max-width: 500px) {
    .cont-list .list-item .imgbox {width: 100%;}
    .cont-list .list-item .imgbox img{border-top-left-radius: 5px;border-top-right-radius: 5px;}
    .cont-list .list-item .txtbox {width: 100%;height: auto !important; background: #f7fbff;padding: 15px 20px 20px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
    .cont-list .list-item.noimg .txtbox{border-radius: 5px;}
    .padding .pading-item { width: 30px; height: 30px; line-height: 28px; margin-right: 5px;}
    .padding .pading-item.fristpage {width: 70px;}
    .padding .pading-item.lastpage {  width: 70px;}
    .pading-box{display: none;}
}

/* 新闻详情页 */

.news-txt .news-data{color: #a9a9a9;padding-bottom: 10px;border-bottom: 1px solid #e1e1e1;display: flex;-webkit-display:flex;justify-content: space-between;}
.news-txt .news-data i{display: inline-block;padding-right: 30px;}
.news-txt .txt-cont{padding: 40px;color: #797979;line-height: 28px;}
.news-txt .txt-cont img{max-width: 100%;display: inline-block;margin-bottom: 30px;}
.news-txt .txt-cont span{display: block;}
.news-txt .news-data a{color: #a9a9a9;}
.news-txt .news-data a:hover{color: #437adc;}
@media only screen and (max-width: 1024px) {
    .news-txt {padding: 20px;}
    .news-txt .txt-cont {  padding: 30px;}

}
@media only screen and (max-width: 768px) {
    .news-txt .txt-cont {  padding: 20px;text-align: justify;}
    .news-txt .txt-cont img{width: 100%;}
}
@media only screen and (max-width: 768px) {
    .news-txt .txt-cont { padding: 0px;}
}