.clearfix:after,.container:after,.tab-nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.container { position: relative; background: white; padding: 3em; }
.tab-group { position: relative; padding: 0 4%; margin-top: .4rem; }
.tab-group section { opacity: 0; height: 0; overflow: hidden; transition: opacity 0.4s ease, height 0.4s ease; }
.tab-group section.active { opacity: 1; height: auto; overflow: visible; }
.tab-nav { list-style: none; padding: 0; height: 2.4em; overflow: hidden; text-align: center; }
.tab-nav li { width: 33.333333%; display: inline-block; }
.tab-nav li a { position: relative; width: 92%; display: inline-block; text-align: center; border-radius: .1rem; background: #eee; line-height: 2.4em; padding: 0 1em; text-decoration: none; color: grey; }
.tab-nav li.active a { background: #2e8ed0; color: white; line-height: 2.4em; margin-top: 0; }

.sy_news_btn { text-align: center; margin: .4rem 0; }
.sy_news_btn img { width: 1.41rem; }
.sy_news_list { border-bottom: 1px dashed #b3c6dc; padding: .25rem .15rem; }
.sy_news_list img { width: 1.3rem; float: left; }
.news_01 { margin-left: 1.5rem; padding-left: .2rem; border-left: 1px solid #c9d7e6; height: 1.1rem; }
.news_01 h1 { font-size: .28rem; font-weight: 400; text-align: left; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: .1rem;}
.news_01 span,.news_01 p { font-size: .24rem; color: #caddf1; line-height: 1; }
.news_01 p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }











.news_index .ui-list a li {
	float: left;
	width: 98%;
	margin-top: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
}
.list_left {
	float: left;
}
.ui-border-t {
	padding-top: 10px;
}
.ui-list-info h4 {
	line-height: 30px;
	height: 30px;
	font-size: 16px;
	color: #00a5e0;
}
.ui-list-info {
  display: block;
 margin-left: 0rem;
}
.ui-list-info .ui-badge {
	position: relative;
	float: right;
	top: 50%;
	margin-top: -40px;
}
.list {
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.list h4 {
	font-size: .28rem;
color: #666;
}

.ui-border-t .ui-badge-muted {
	position: relative;
	float: right;
	top: 50%;
	margin-top: -30px;
    font-size: .24rem;
    color: #999;
}
.news_view {
	padding: 10px;
	width: 92%;
	text-align: justify;
}
.news_view h1 {
	font-size: 20px;
	line-height: 45px;
	color: #0099CC;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.news_tags {
	line-height: 30px;
	font-size: 12px;
	color: #666666;
}
.news_tags span {
	text-align: center;
	margin-right: 3%;
}


.news_content {
	font-size: 14px;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D9D9D9;
	line-height: 24px;
}
.news_content p {
	margin: 0px;
}

.news_content img {
	margin-top: 10px;
	margin-bottom: 15px;
}
.news_key {
	line-height: 30px;
	font-size: 13px;
	color: #666666;
	margin-top: 10px;
}

.news_list a {
	text-decoration: none;
}

.news_key span {
	float: left;
	font-size: 13px;
}
.news_key a {
	float: left;
	margin-left: 3%;
	font-size: 13px;
}
.news_more {
	line-height: 30px;
	float: left;
	width: 100%;
	margin-top: 10px;
}
.news_more .news_next {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.news_more span {
	float: left;
	color: #666666;
	font-size: 13px;
}

.news_more  a {
	font-size: 13px;
	color: #666666;
	text-decoration: none;
	margin-right: 10px;
	float: left;
}