/* 灰色代码 */
/*body * {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	filter: gray;
}
*/

a {
	text-decoration: none;
}

li {
	list-style: none;
}

ul {
	padding: 0;
	margin: 0;
}

.xc_content {
	padding-bottom: 60px;
}

.xc_tabbar {
	display: flex;
	flex-flow: wrap;
	height: 49px;
	text-align: center;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	padding: 5px 0;
	border-top: #b2b1b1 1px solid;
}

.xc_tabbar li {
	width: 20%;
}

.xc_tabbar li a {
	display: block;
}

.xc_tabbar span {
	display: block;
	font-size: 12px;
	color: #7f7f7f;
}

.xc_tabbar .on span {
	color: #FF0000;
}

.xc_tabbar .nav_bg {
	width: 30px;
	height: 30px;
	background: center center no-repeat;
	background-size: 100%;
	margin: 0 auto;
	margin-bottom: 3px;
}

.xc_tabbar .nav_01 {
	background-image: url(../images/nav_01.png);
}
.xc_tabbar .on .nav_01 {
	background-image: url(../images/nav_01_on.png);
}

.xc_tabbar .nav_02 {
	background-image: url(../images/nav_02.png);
}
.xc_tabbar .on .nav_02  {
	background-image: url(../images/nav_02_on.png);
}

.xc_tabbar .nav_03 {
	background-image: url(../images/nav_03.png);
}
.xc_tabbar .on .nav_03  {
	background-image: url(../images/nav_03_on.png);
}

.xc_tabbar .nav_04  {
	background-image: url(../images/nav_04.png);
}
.xc_tabbar .on .nav_04  {
	background-image: url(../images/nav_04_on.png);
}

.xc_tabbar .nav_05 {
	background-image: url(../images/nav_05.png);
}
.xc_tabbar .on  .nav_05 {
	background-image: url(../images/nav_05_on.png);
}

.header {
	background-color: #e5231a;
	padding: 0 2%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header .logo {
	width: 70%;
}

.header .logo img {
	width: 100%;
}

.header .top_btn {
	width: 25%;
}

.header .top_btn img {
	width: 45%;
}

.header .line {
	height: 25px;
	width: 1px;
	background-color: #FFFFFF;
}

.top_nav {
	height: 5rem;
	overflow: hidden;
	background-color: #fff1ee;
}

.top_nav ul {
	display: flex;
	flex-flow: wrap;
	position: relative;

}

.top_nav li {
	width: 16.6%;
	text-align: center;
}

.top_nav li a {
	line-height: 2.5rem;
	color: #585555;
	padding: 10px 0;
}

.top_nav li.on a {
	font-weight: bold;
	color: #e5231a;
	border-bottom: #e5231a 2px solid;
}

.top_nav .more.open {
	position: absolute;
	bottom: 0;
	right: 0;
}


.swiper-container {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.swiper-slide {
	font-size: 18px;
	background: #fff;
	position: relative;
	font-size: 0
}

.swiper-slide img {
	width: 100%;
}

.swiper-slide .img_text {
	width: 97%;
	padding-left: 3%;
	height: 30px;
	line-height: 30px;
	position: absolute;
	left: 0;
	bottom: 0px;
	font-size: 14px;
}

.swiper-slide .img_text p {
	margin: 0;
	position: relative;
	z-index: 100;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
	width: 80%;

}

.swiper-slide .img_text .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
	filter: alpha(opacity=60);
	opacity: .6;
}

.swiper-pagination {
	text-align: right !important;
	bottom: 6px !important;
}

.my-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	opacity: 1;
	margin-right: 10px;
}

.my-bullet-active {
	background: #FF0000;
	opacity: 1;
}

.newslist li {
	display: flex;
	justify-content: space-between;
	margin: 0 3%;
	padding: 3% 0;
	font-size: 14px;
	border-bottom: #cbcaca 1px solid;
}

.newslist li .info span{ padding-left:10px}

.newslist .list01 .left {
	width: 100vw;
}

.newslist .list02 .left {
	width: 60vw;
}


.newslist .list03{flex-direction: column}

.newslist .list03 .title {
	padding-bottom: 10px;
	height: auto;
}

.newslist .list03 img {
	margin-bottom: 10px;
}

.newslist .left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.newslist .title {
	line-height: 1.3rem;
	font-size: 16px;
	font-weight: bold;
	height: 3.8rem;
	overflow: hidden;
}

.newslist a {
	color: #000;
}

.newslist .info {

	line-height: 1rem;
	color: #7c7a7a;
}

.newslist .right {
	width: 35vw;
	height: 26.25vw;

	overflow: hidden;
}

.newslist img {
	border-radius: 10px;
	width: 100%;
	height: 100%;
}

.xc_content_nr {
	padding: 3%;
}

.xc_content_nr .title {
	font-size: 30px;
	line-height: 1.2;
	font-weight: bold;
	padding: 10px 0 20px;
}

.xc_content_nr .info {
	font-size: 14px;
	color: #727171;
	line-height: 1.6;
	padding-bottom: 10px;
	border-bottom: #cbcaca 1px solid;
}

.xc_content_nr .content {
	padding: 15px 0;
	border-bottom: #cecdcd 2px solid;
	line-height: 1.5;
}

.xc_content_nr .content video {
    width: 100%;
    height: auto;
}

.xc_content_nr img {
	max-width: 100%;
}

.xc_content_nr>.editor {
	font-size: 14px;
	color: #727171;
	line-height: 4;
	border-bottom: #cbcaca 1px solid;
}

.xc_footer {
	font-size: 14px;
	text-align: center;
}

.xc_footer .qrcode {
	padding: 10px 0;
}

.xc_footer .qrcode {
	display: flex;
	border-bottom: #cbcaca 1px solid;
	padding: 20px 0;
}

.xc_footer .qrcode li {
	flex: auto;
	font-size: 12px;
	line-height: 2;
}

.xc_footer .qrcode li img {
	width: 80%;
	margin: 0 auto;
}

.xc_footer .phone {
	font-weight: bold;
}

.xc_footer .copyright {
	background-color: #e5231a;
	color: #fff;
	text-align: center;
	line-height: 1.5;
	padding: 20px 0;
}


.zhuanti_banner img {
	margin-top: 3px;
	width: 100%;
}

.zhuanti_title a {
	line-height: 1.5;
	font-size: 18px;
	font-weight: bold;
}

.pages {
	text-align: center;
	font-family: arial;
	padding:10px 0;
}

.pages a {
	text-decoration: none;
}

.pages li {
	display: inline-block;
	border: 1px #ddd solid;
	padding: 3px 6px;
	margin: 2px;
}

.pages li:hover {
	background-color: #ccc;
	color: #1E90FF
}

.pages .page-active {
	background-color: #ccc;
}