/*通用调用*/
.w1200{width:80%;height:auto;margin:0 auto;overflow:hidden; color:#333333; font-size:14px; margin-top: 30px;}



/* 新闻列表 */
.newsbox .page-title-box{ margin-bottom:30px;}
.newslists li a{display: -webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap; margin-bottom:30px;}
.newslists li .img{ width:280px; overflow:hidden; height:210px;}
.newslists li .img img{ display:block; width:100%; height:100%;	transition: 0.6s; -webkit-transition: 0.6s;  -moz-transition: 0.6s ease 0s;}
.newslists li .textbox {
    width: calc(100% - 280px);
    background-color: #f2f2f2;
	box-sizing:border-box;
    padding: 20px 8px 0 26px;
	transition: background 0.36s;
    -webkit-transition: background 0.36s;
    -moz-transition: background 0.36s ease 0s;
}
.newslists li .textbox .date {
    color: #666;
    font-family: Arial;
}
.newslists li .textbox .title {
    font-weight: bold;
    font-size: 18px;
    margin-top: 18px;
    max-height: 24px;
    overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.newslists li .textbox .text {
    color: #666;
    margin-top: 16px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	
}
.newslists li .textbox .more {
    width: 165px;
    margin-top:10px;
    height: 40px;
    background-color: #666;
    color: #fff;
    font-weight: bold;
    line-height: 40px;
    padding: 0 42px 0 20px;
    background-image:url(../image/nmore.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
	transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s ease 0s;
}
.newslists li:hover .textbox{background: #167070; color:#fff; }
.newslists li:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.newslists li:hover .date{color:#fff}
.newslists li:hover .text{color:#fff}
.newslists li:hover .more{background-color:#167070}

/* 新闻详情 */
.newsconbox{ padding:80px 0;}
.newscon-l{ width: calc(100% - 360px); float:left;}
.newscon-l .title{ font-size:24px; font-weight:400;}
.newscon-l .title-info {
    color: #bbb;
    margin-top: 12px;
}
.newscon-l .content{ line-height:200%; padding:40px 0 60px;}
.newscon-l .content img{ display:block; margin:10px 0;/* width: 100%; */  margin: 10px auto;}
.newscon-l .sharebox{padding-bottom:20px;margin-bottom:26px;border-bottom:1px solid #f0f0f0}
.newscon-l .sharebox .text{color:#666;line-height:18px; float:left;}
.newscon-l .sharebox .shareitem{margin-left:14px;cursor:pointer; float:left;}
.newscon-l .npagerbox{ float:left;}
.newscon-l .npagerlist{margin-bottom:10px}
.newscon-l .npagerlist .name{color:#444;font-weight:bold; float:left;}
.newscon-l .npagerlist .text{color:#666; float:left;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width:80%;}
.newscon-l .npagerlist:hover .text{color:#167070; }
.newscon-l .return{width:100px; display:block; float:right; height:38px;border-radius:4px;background-color:#167070;color:#fff;line-height:38px;font-weight:bold;padding:0 48px 0 23px;background-image:url(../image/nreturn.png);background-repeat:no-repeat;background-position:right 22px center;transition: background 0.3s;}
.newscon-l .return:hover{background-color:#d0b986}

.page{ margin: 0 auto;}
.pagination li a,.pagination li span{ display: block; float: left; border:1px solid #006835; padding: 5px 12px; color: #333; margin: 0 2px;}
.pagination .active span{background:#006835;color:#fff;border:1px solid #006835;}
.pagination{ display:table; margin:0 auto;}
.pagination li{ display:table-cell;}
.pagination li a:hover,.page .active a{ background:#006835; color:#fff;}





@media screen and (max-width: 1024px){

	.newsbox .page-title-box{ margin-bottom:40px;}
	
	
}



@media (max-width:993px){
	
	.newslists li a{ margin-bottom:30px;}
	.newsconbox{ padding:40px 0;}
	
}


@media (max-width:920px){

	.casebox .w1200, .newsbox .w1200{ padding:0 10px;}
	
}


@media (max-width:820px){
	.ft-wrap .w1200{ padding:0px;}

}

@media (max-width:768px){
	.casedetail .w1200{ padding:0;}
	
	.newslists {
		margin-bottom: 20px;
	}
	.newslists li .img {
		width: 100%;
		height:auto;
	}
	.newslists li .textbox {
		width: 100%;
		padding: 30px 20px 0;
	}
	
}



@media (max-width:650px){
	.ft-wrap .w1200{ padding:0px;}
	
}