.activity{
	width: 100%;
	height: auto;
	margin: 0 auto 20px auto;
}
.main .nav_item{
	padding: 15px 30px;
	color: #333;
	border-bottom: 1px solid #E5E5E5;
}
.main .nav_item .item_key{
	margin-bottom: 10px;
}
.main .nav_item .item_val{
	font-size: 16px;
	color: #666;
	margin-top: 5px;
}
.main .top_item{
	padding: 15px 30px;
	color: #fff;
	background: #20BA2E;
}
.main .top_item .title_en{
	font-size: 18px
}
.main .nav_item img{
	width: 8px;
	height: 13px;
}

.right_list .page_title{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #666666;
	font-size: 22px;
	color: #333;
}
.right_list .breadcrumb{
	width: auto;
	float: right;
	background: none;
	padding: 0;
	color: #999999;
	font-size: 14px;
	margin-bottom: 0;
}
.right_list .breadcrumb a{
	color: #999999;
	font-size: 14px;
}
.right_list .breadcrumb .active{
	color: #999999;
	font-size: 14px;
}
.breadcrumb>li+li:before{padding:0 5px;color:#999;content:">\00a0"}
.map{
	width: 100%;
	height: auto;
	margin-top: 55px;
}
.right_list .info_item{
	font-size: 16px;
	color: 18px;
	color: #333;
	margin-top:40px;
	font-weight: 700;
}

@media (min-width: 768px){
	.main .left_nav{
		width: 240px;
		font-size: 22px;
	}
	.main .right_list{
		margin-left: 50px;
		width: calc(100% - 240px - 50px);
		margin-bottom: 80px;
	}
}

@media (max-width: 768px){
	.main .top_item { padding: 15px 5px;}
	.main .nav_item{padding: 15px 5px;}
	.main .top_item .title_en {
			font-size: 12px;
	}
	.page_title{display: none;}
	.article_title{
		text-align: center;
		font-size: 20px;
		color: #333;
		margin: 20px 0 10px 0;
	}
	.map{
		margin-top: 20px;
	}
	.right_list .info_item{
		margin-top:20px;
		font-size: 14px;
	}
}