.main{overflow: hidden;padding-top: 60px;}
#box-1{padding-bottom: 250px;padding-top: 120px;background: url(../image/about_beijin3.png)  center top;}
#box-1 .new_btn{align-items: flex-start;}
#box-1 .new_btn a{padding: 0 40px;}
#box-1 .new_btn .img{background: #FFFFFF;border-radius: 50%;width:120px;height: 120px;margin: auto;}
#box-1 .new_btn .img img{width: 48px;margin: auto;}
#box-1 .new_btn a:hover .img,#box-1 .new_btn a.on .img{background: #ff711b;}
#box-1 .new_btn .tb02{display: none;}
#box-1 .new_btn a:hover .tb01,#box-1 .new_btn a.on .tb01{display: none;}
#box-1 .new_btn a:hover .tb02,#box-1 .new_btn a.on .tb02{display: block;}
#box-1 .new_btn p{font-size: 24px;color: #333;text-align: center;margin-top: 12px;}


#box-1 .box1{margin-top: 55px;}
#box-1 .box1 ul{display: flex;flex-wrap: wrap;margin: 0 -32px;}
#box-1 .box1 li{padding: 32px;width: 33.3%;}
#box-1 .box1 li>a{border-radius: 20px;overflow: hidden;background: #fff;display: block;transition: 0.2s;}
#box-1 .box1 .img{position: relative;padding-top: 68%;overflow: hidden;}
#box-1 .box1 .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#box-1 .box1 .content{padding: 35px 33px 45px 33px;}
#box-1 .box1 .title{font-size: 24px;color: #333;margin: 0px 0 10px 0;}
#box-1 .box1 .desc p{font-size: 18px;color: #999;}
#box-1 .box1 .time{margin-top: 70px;}
#box-1 .box1 .time img{width: 60px;}
#box-1 .box1 .time p{font-size: 18px;color: #999;}

#box-1 .box1 li>a:hover{background: #ff711b;}
#box-1 .box1 li>a:hover .content *{color: #fff;}
#box-1 .box1 li>a:hover .time img{content: url("../image/news_btn02.png");}

@media (min-width:767px) and (max-width:1500px){
	#box-1 .box1 ul{margin: 0 -25px;}
	#box-1 .box1 li{padding: 25px;}
}
@media (min-width:767px) and (max-width:1199px){
	#box-1 .new_btn .img{width:92px;height: 92px;}
	#box-1 .new_btn .img img{width: 35px;}
	#box-1 .new_btn p{font-size: 22px;}
	
	#box-1 {padding-top: 100px;}
	#box-1 .box1 {margin-top: 50px;}
	#box-1 .box1 ul{margin: 0 -18px;}
	#box-1 .box1 li{padding: 18px;}
	#box-1 .box1 .content {padding: 30px 25px 35px 25px;}
	#box-1 .box1 .title{font-size: 22px;}
	#box-1 .box1 .desc p,#box-1 .box1 .time p{font-size: 16px;}
	#box-1 .box1 .time {margin-top: 40px;}
	#box-1 .box1 .time img{width: 47px;}
}

@media (min-width: 768px) and (max-width: 850px){
	#box-1 .box1 ul{margin: 0 -20px;}
	#box-1 .box1 li{padding: 20px;}
	#box-1 .box1 li {width: 50%;}
}

@media (max-width: 767px){
	.main_block{background: url(../image/news_bjsj.jpg) repeat-y center center;background-size: contain;}
	#box-1 {padding-bottom: 200px;padding-top: 60px;}
	#box-1 .new_btn{margin: 0 -5.1%;}
	#box-1 .new_btn a {padding: 0 5.1%;}
	#box-1 .new_btn .img{width:67px;height: 67px;}
	#box-1 .new_btn .img img{width: 25px;}
	#box-1 .new_btn p{font-size: 16px;}
	
	#box-1 {padding-top: 60px;}
	#box-1 .box1 {margin-top: 35px;padding: 0;}
	#box-1 .box1 ul{margin: 0 0px;}
	#box-1 .box1 li{padding: 20px 0;width: 100%;}
	#box-1 .box1 li>a {border-radius: 15px;}
	#box-1 .box1 .content {padding: 30px 20px 35px 20px;}
	#box-1 .box1 .title{font-size: 18px;}
	#box-1 .box1 .desc p,#box-1 .box1 .time p{font-size: 15px;}
	#box-1 .box1 .time {margin-top: 40px;}
	#box-1 .box1 .time img{width: 47px;}
}