@charset "utf-8";
/* CSS Document */
.banner{width: 100%; height: 318px; background: url(../images/news_banner.jpg) no-repeat center;
	background-size: cover;}
.er_nav{height: 85px; position: relative;}
.er_nav .er_bg{width: 100%; height: 63px; background-color: #fafafa; position: absolute; top:11px; left:0;
	z-index: -1}
.er_nav .erlist>div{float: left; width: 168px; height: 85px; line-height: 85px; text-align: center;
	font-size: 18px;}
.er_nav .erlist>div>a{color: #666;}
.beijingse{background-color: #0480fb;}
.yanse{color: #fff!important;}
.contact{width: 100%; padding-top: 47px; padding-bottom: 120px; position: relative;}
.contact .background{width: 100%; height: 272px; background:url(../images/background.jpg) no-repeat center;
	background-size: cover; position: absolute; bottom: 0; left: 0; z-index: -1;}

.contact .news{height: 197px; padding: 53px 0;}
.contact .news:nth-child(even){background-color: #fafafa;}
.contact .news .newsbox{width: 1050px; margin:0 auto;}
.contact .news .newsbox .img{width: 261px; height: 193px; border:1px solid #d7d5d5; overflow: hidden;}
.contact .news .newsbox .img img{width: 100%;}
.contact .news .newsbox .nr{width: 715px;}
.contact .news .newsbox .nr .tit{font-size: 24px; overflow:hidden; text-overflow:ellipsis;
    white-space:nowrap}
.contact .news .newsbox .nr .tit a{color: #666;}
.contact .news:hover .newsbox .nr .tit a{color: #0480fb;}
.contact .news .newsbox .nr .time{font-size: 16px; color: #999; padding:22px 0 18px 0;}
.contact .news .newsbox .nr .con{font-size: 16px; color: #999; line-height: 28px; overflow: hidden;
	text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	height: 54px; overflow: hidden;}
.contact .news .newsbox .nr .more{display: inline-block; font-size: 16px; color: #999; padding-top: 27px;}
.contact .news .newsbox .nr .more:hover{color: #0480fb;}


.contact .page{padding: 20px 0 13px 0; text-align: center;}
.contact .page a{display: inline-block; width: 42px; height: 43px; background: #efefef; text-align: center;
	line-height: 43px; font-size: 18px; color: #535353; transition: .5s;}
.contact .page a:first-child{width: 116px;}
.contact .page a:last-child{width: 116px;}
.yangshi{background-color: #474747!important; color: #fff!important;}
.contact .page a:hover{background-color: #474747!important; color: #fff!important;}

@media screen and (max-width: 800px){
	.banner{height: 140px;}
	.contact{padding-top: 20px; padding-bottom: 60px;}
	.contact .news{padding: 20px 0; height: auto;}
	.contact .news .newsbox{width: 95%; margin:0 auto;}
	.contact .news .newsbox .img{width: 32%; height: auto; box-sizing: border-box;}
	.contact .news .newsbox .img img{display: block;}
	.contact .news .newsbox .nr{width: 65%; margin-left: 3%;}
	.contact .news .newsbox .nr .tit{font-size: 16px;}
	.contact .news .newsbox .nr .time{font-size: 12px; padding: 5px 0;}
	.contact .news .newsbox .nr .con{font-size: 14px; line-height: 22px; height: 42px; -webkit-line-clamp: 2;}
	.contact .news .newsbox .nr .more{font-size: 14px;}
	.contact .page a{font-size: 14px; width: 30px; height: 30px; line-height: 30px;}
	.contact .page a:first-child{width: 55px;}
	.contact .page a:last-child{width: 55px;}
	.contact .background{height: 60px;}
}