@charset "utf-8";
/* CSS Document */
.banner{width: 100%; height: 318px; background: url(../images/contact_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: 17px; padding-bottom: 20px; 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 .tact{padding-top: 86px; padding-bottom: 62px; border-bottom: 3px solid #e5e5e5;}
.contact .tact:last-child{border-bottom: none;}
.contact .tact .img{width: 335px; height: 223px; overflow: hidden;}
.contact .tact .img img{width: 100%;}
.contact .tact .detail{font-size: 18px; color: #666666; padding-top: 40px; padding-left: 74px;
	font-weight:lighter; line-height: 34px;}
.contact .tact .detail>span{font-size: 24px;}
.contact .tact:nth-child(2) .detail{padding-top: 65px;}

@media screen and (max-width: 800px){
	.banner{height: 140px;}
	.contact{padding-top: 0;}
	.contact .tact{padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
	.contact .tact .img{width: 100%;}
	.contact .tact .detail{padding-left: 0; width: 100%; padding-top: 20px; font-size: 14px; line-height: 24px;}
	.contact .tact .detail>span{font-size: 16px;}
	.contact .tact:nth-child(2) .detail{padding-top: 22px;}
}