* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

ul li {
	list-style-type: none;
}

img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

html,
body,
#app {
	color: #000;
	font-size: 14px;
	font-family: "microsoft yahei";
}

.box {
	width: 100%;
	height: 100%;
	overflow: auto;
}

.text-cell {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text-cell2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.flex {
	display: flex;
	display: -webkit-flex;
}

.flex.jlr {
	justify-content: space-between;
}

.flex.j-center {
	justify-content: center;
}

.flex.a-center {
	align-items: center;
}

.flex.col {
	flex-direction: column;
}

.flex.wrap {
	flex-wrap: wrap;
}

.h100 {
	height: 100%;
}

.container {
	width: 1200px;
	margin: auto;
}

.menu {
	width: 100%;
	height: 57px;
	line-height: 57px;
	background: #ca1c1d;
}

.menu .item {
	width: 128px;
	transition: all 0.2s;
	height: 57px;
	background: #ca1c1d;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 57px;
}

.menu .item a {
	display: block;
	width: 100%;
	height: 57px;
	color: #fff;
}

.menu .item.on,
.menu .item:hover {
	background: #990203;
}

.menu span {
	display: block;
	width: 5px;
	height: 57px;
	background: url(../images/img/fgx.png) no-repeat;
	background-size: 100% 100%;
}

.toutiao {
	width: 100%;
	height: 74px;
	padding: 12px;
	padding-left: 80px;
	position: relative;
	margin: 20px auto;
	background: url(../images/img/toutiao.png) no-repeat #f5f5f5;
}

.toutiao h4 {
	font-size: 18px;
	font-weight: 400;
	color: #333;
	text-align: center;
	padding-bottom: 5px;
}

.toutiao p {
	font-size: 14px;
	color: #666;
	text-align: center;
}
.toutiao h4 a{color:red;font-weight:bold;}
.toutiao h4 a:hover,a:active,a:visited,a:link,a:focus{color:#333;}

.bannerLeft,
.bannerLeft .bd ul,
.bannerLeft .bd ul li,
.bannerLeft .bd ul li img {
	width: 575px;
	height: 362px;
	position: relative;
	display: block;
}

.bannerLeft .bd ul li p {
	position: absolute;
	line-height: 40px;
	left: 10px;
	bottom: 0px;
	z-index: 99;
	max-width: 80%;
	color: #fff;
}

.bannerLeft .hd {
	position: absolute;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: rgba(0, 0, 0, 0.6);
	left: 0;
	bottom: 0;
}

.bannerLeft .hd ul {
	padding: 0px 10px;
}

.bannerLeft .hd ul li {
	width: 10px;
	cursor: pointer;
	height: 10px;
	margin: 0px 5px;
	border-radius: 50%;
	background: #fff;
}

.bannerLeft .hd ul li.on {
	background: #46954f;
}

.bannerRight {
	width: 610px;
	height: 362px;
	border: 1px solid #dedede;
}

.bannerRightTitle {
	height: 40px;
	line-height: 40px;
	background: #fafafa;
	color: #333;
}

.bannerRightTitle .item {
	width: 90px;
	text-align: center;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	position: relative;
}

.bannerRightTitle .item.on,
.bannerRightTitle .item:hover {
	color: #fff;
	background: #cf0d0d;
}

.bannerRightTitle .item.on::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid;
	position: absolute;
	bottom: -10px;
	left: 15%;
	border-color: #cf0d0d transparent transparent transparent;
}

.bannerRightTitle a {
	color: #ccc;
	font-size: 12px;
	padding-right: 20px;
}

.bannerRightTop {
	padding: 15px;
}

.bannerRightTop h4 {
	color: #333;
	font-size: 16px;
	padding-bottom: 10px;
	text-align: center;
}

.bannerRightTop p {
	color: #666;
	line-height: 180%;
}

.bannerRight ul {
	padding: 12px;
}

.bannerRight ul li {
	padding-left: 15px;
	line-height: 36px;
	position: relative;
	height: 37px;
	border-bottom: 1px solid #e8e8e8;
}

.main-list-item li a {
	width: 75%;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #666;
	font-size: 14px;
}

.main-list-item li span {
	float: right;
	color: #999;
	height: 36px;
    text-align: right;
    width: 25%;
    overflow: hidden;
}

.bannerRight ul li::before {
	content: '';
	background: url(../images/img/icon.png) no-repeat;
	display: block;
	width: 6px;
	height: 21px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.bannerRight ul li:last-child {
	border: 0;
}

.ggw {
	padding: 20px 0px;
}

.ggw,
.ggw {
	width: 100%;
}

.newsList {
	width: 428px;
	height: 250px;
	border: 1px solid #e8e8e8;
}

.newsList ul {
	padding: 0px 10px;
	padding-top: 15px;
}

.newsList ul li {
	padding-left: 15px;
	line-height: 36px;
	position: relative;
	height: 37px;
	border-bottom: 1px solid #e8e8e8;
}

.newsList ul li a {
	color: #666;
	font-size: 14px;
}

.newsList ul li::before {
	content: '';
	background: url(../images/img/icon.png) no-repeat;
	display: block;
	width: 6px;
	height: 21px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.newsList ul li:last-child {
	border: 0;
}

.newsType {
	width: 304px;
	height: 250px;
	overflow: hidden;
}

.newsType .item {
	width: 100%;
	height: 50px;
	margin-bottom: 15px;
	border: 1px solid #e8e8e8;
	padding: 0px 10px;
}

.newsType .item h4 {
	padding-left: 10px;
	color: #333;
}

.mingshi {
	position: relative;
	overflow: hidden;
}

.mstitle {
	height: 50px;
	margin-top: 20px;
	border-bottom: 1px solid #cf0d0d;
	line-height: 50px;
	padding-left: 55px;
	position: relative;
}

.mstitle::before {
	content: '';
	width: 51px;
	height: 30px;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/img/icon-s.png) no-repeat;
}

.mstitle h4 {
	font-size: 21px;
	color: #090909;
}

.srcollbtn {
	width: 35px;
	display: block;
	color: #333;
	cursor: pointer;
	height: 35px;
	border: 1px solid #e8e8e8;
	text-align: center;
	line-height: 35px;
}

.srcollbtn:hover {
	color: #fff;
	background: #cf0d0d;
}

.mscont {
	padding-top: 38px;
}

.mscont ul li {
	width: 165px;
	border: 1px solid #ebebeb;
	float: left;
	margin: 0px 5px;
}

.mscont ul li img {
	height: 165px;
	width: 100%;
}

.mscont ul li p {
	text-align: center;
	height: 41px;
	line-height: 41px;
	color: #999;
}

.mingshi .hd {
	position: absolute;
	right: 0;
	top: 24px;
}

.zhuanti {
	width: 583px;
	height: 42px;
}

.zhuantiTitle {
	width: 100%;
}

.zhuantiTitle h4 {
	font-size: 21px;
	position: relative;
	font-weight: 400;
	color: #090909;
	width: 158px;
	padding-left: 66px;
	line-height: 40px;
	border-bottom: 1px solid #cf0d0d;
}

.zhuantiTitle h4::before {
	content: '';
	width: 51px;
	height: 30px;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/img/icon-s.png) no-repeat;
}

.zhuantiTitle .moreList {
	line-height: 40px;
	flex: 1;
	border-bottom: 1px solid #e8e8e8;
	text-align: right;
	color: #666;
	font-size: 12px;
}

.zhuantiTitle .moreList a {
	color: #666;
}

.zhuanti ul li {
	width: 285px;
	height: 101px;
	margin-top: 13px;
}

.zhuanti ul li img {
	width: 100%;
	height: 100%;
}

.wenhua {
	width: 580px;
}

.wenhua ul {
	width: 120%;
}

.wenhua ul li {
	width: 180px;
	height: 165px;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}

.wenhua ul li img {
	width: 100%;
	height: 135px;
}

.wenhua ul li p {
	font-size: 12px;
	color: #666;
	text-align: center;
	line-height: 30px;
}

.link {
	border: 5px solid #f5f5f5;
	background: #fff;
}

.link_title {
	width: 100%;
	height: 40px;
	line-height: 38px;
	border-bottom: 2px solid #d00c0d;
}

.link_title .item {
	width: 150px;
	text-align: center;
	font-size: 15px;
	color: #090909;
}

.link_title .item.on {
	background: #CA1C1D;
	color: #fff;
}

.linka {
	padding: 15px;
}

.linka a {
	color: #666;
	display: inline-block;
	font-size: 14px;
	margin-right: 15px;
	line-height: 200%;
}
.linka a:hover{
	color: red;
}

.footer {
	width: 100%;
	padding: 20px;
	line-height: 200%;
	background: #ca1c1d;
	text-align: center;
	color: #fff;
	border-top: 2px solid #fff100;
	margin-top: 20px;
}

/* ??? */
#code,
#code_hover {
	width: 40px;
	height: 195px;
	background: url(../images/img/qrcode.png) no-repeat;
	position: fixed;
	right: 50px;
	cursor: pointer;
}

#code {
	background-position: -189px 0px;
	bottom: 120px;
}

#code_hover {
	background-position: -189px 0px;
	bottom: 120px;
}

#top {
	background-position: -276px -310px;
	bottom: 67px;
	width: 40px;
	height: 40px;
	position: fixed;
	right: 50px;
	cursor: pointer;
}

#code_img {
	width: 270px;
	height: 355px;
	background: url(../images/img/qrcode.png) 92px 109px no-repeat;
	position: fixed;
	right: 90px;
	bottom: 67px;
	cursor: pointer;
	display: none;
}
