@charset 'UTF-8';
section.news {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	background-color: rgba(0, 0, 0, .5);
	padding: 60px 0px;
	text-align: center;
}

section.news div.container_news {
	overflow: hidden;
	height: auto;
	margin: 20px auto 20px;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff
}
.news-text{
	font-size: 60px;
	color: #fff;
}
.news-text span{
	display: inline-block;
	width: 30px;
	height: 20px;
	background: url(./join/left.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	margin-left: 15px;
	  
}
.news-text i{
	display: inline-block;
	width: 30px;
	height: 20px;
	background: url(./join/right.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	margin-right: 15px; 
}

@media(max-width:768px) {
	.news-text {
		font-size: 20px;
	}
	.news-text span, .news-text i {
		display: none;
	}
}

section.news div.container_news_img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 260px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ccc
}

section.news div.container_news_img div.swiper-slide>a {
	display: block;
	width: 100%;
	height: 100%
}

section.news div.container_news_img div.swiper-slide>a>span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

section.news div.container_news_img div.swiper-slide>a>h4 {
	font-size: 14px;
	line-height: 20px;
	position: absolute;
	bottom: 0;
	overflow: hidden;
	width: 100%;
	padding: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff;
	background: rgba(0, 0, 0, .5)
}

section.news div.container_news_img div.swiper-slide>a>h4>span {
	font-size: 12px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

section.news .pagination_swiper {
	position: absolute;
	z-index: 9;
	top: 10px;
	bottom: auto;
	left: 10px;
	display: block
}

section.news .swiper-pagination-bullet {
	width: 12px;
	height: 12px
}

section.news .swiper-pagination-bullet-active {
	background: #00a0e9!important
}

section.news div.container_news_list {
	width: 100%
}

section.news div.container_news_list ul.list li {
	padding: 8px 0;
	border-bottom: 1px dashed #ccc
}

section.news div.container_news_list ul.list a {
	font-size: 14px;
	line-height: 20px;
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	padding: 0 100px 0 60px;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff;
	-o-text-overflow: ellipsis
}

section.news div.container_news_list ul.list a:hover,
section.news div.container_news_list ul.list a.touch {
	color: #00a0e9
}

section.news div.container_news_list ul.list a>i {
	font-size: 12px;
	font-style: normal;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	padding: 0 10px;
	color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px
}

section.news div.container_news_list ul.list a.news>i {
	background-color: #00a0e9
}

section.news div.container_news_list ul.list a.public>i {
	background-color: #fc8776
}

section.news div.container_news_list ul.list a.question>i {
	background-color: #cd1e1e
}

section.news div.container_news_list ul.list a>b {
	font-size: 12px;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	color: #999
}

section.news div.container_news_list>a.more {
	font-size: 14px;
	line-height: 24px;
	display: block;
	float: right;
	margin-top: 10px;
	padding: 0 20px;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background-color: #00a0e9
}

section.news div.container_news_list>a.more:hover,
section.news div.container_news_list>a.more.touch {
	background-color: #0061ae
}

@media(max-width:992px) {
	section.news div.container_news {
		margin: 20px auto 20px
	}
	section.news div.container_news_list ul.list {
		margin-top: 20px
	}
}

section.newsList.news {
	padding: 40px 0;
	background: 0
}

section.newsList.news .container_news_img {
	margin-bottom: 40px
}

section.newsList.news div.container_news_list ul.list a {
	font-size: 16px;
	line-height: 28px;
	padding: 0 10px 0 170px
}

section.newsList.news div.container_news_list ul.list a>b {
	right: auto;
	left: 60px
}

section.newsList.news .container_mainNews>a {
	display: block;
	width: 100%;
	margin-bottom: 30px;
	white-space: nowrap;
	color: #fff
}

section.newsList.news .container_mainNews>a:hover,
section.newsList.news .container_mainNews>a.touch {
	color: #00a0e9
}

section.newsList.news .container_mainNews>a>span {
	font-size: 22px;
	display: block;
	overflow: hidden;
	width: 100%;
	margin-bottom: 8px;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

section.newsList.news .container_mainNews>a>i {
	font-size: 14px;
	font-style: normal;
	display: block;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	opacity: .6
}

section.news_content {
	padding: 40px 0 60px
}

section.news_content>div.title {
	position: relative;
	padding: 60px 20px 20px
}

section.news_content>div.title>h3 {
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 10px
}

section.news_content>div.title>h6 {
	font-size: 16px;
	color: #666
}

section.news_content>div.title>a.goBack {
	font-size: 16px;
	line-height: 30px;
	position: absolute;
	top: 10px;
	left: 20px;
	padding: 0 20px;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #00a0e9
}

section.news_content>div.title>a.goBack>span {
	line-height: 30px;
	display: inline-block
}

section.news_content>div.title>a.goBack:hover,
section.news_content>div.title>a.goBack.touch {
	background: #0061ae
}

div.title a.goBack>i {
	font-size: 24px;
	line-height: 30px;
	display: inline-block;
	float: left;
	margin-right: 10px
}

section.news_content>div.goBack {
	margin: 40px auto;
	text-align: center;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc
}

section.news_content>div.goBack>a {
	font-size: 18px;
	line-height: 62px
}