* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

ul li {
	list-style-type: none;
}

img {
	max-width: 100%;
	display: block;
}

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-cell3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	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: 1220px;
	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: 104px;
	padding: 12px;
	padding-bottom: 30px;
	background: url(../images/img/line.png) no-repeat left bottom;
	background-size: 100% auto;
	position: relative;
	margin: 20px auto;
}

.toutiao h4 {
	font-size: 18px;
	color: #f40700;
	font-weight: 400;
	color: #333;
	text-align: center;
	padding-bottom: 5px;
}

.toutiao p {
	font-size: 14px;
	color: #666;
	text-align: center;
}

.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: 18px;
	cursor: pointer;
	height: 18px;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	margin: 0px 5px;
	background: #fff;
}

.bannerLeft .hd ul li.on {
	background: #f40700;
	color: #fff;
}

.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 .item1 {
	width: 160px;
	height: 40px;
	background: url(../images/img/item1bg.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 40px;
}

.bannerRightTitle a {
	color: #333;
	font-size: 12px;
	padding-right: 20px;
}

.bannerRightTitleH {
	background: url(../images/img/hbg.png) repeat-x;
	background-size: auto 100%;
}

.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: 30px;
	line-height: 36px;
	position: relative;
	height: 37px;
	border-bottom: 1px solid #e8e8e8;
}
.newsList ul li a{
	width: 95%;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #666;
	font-size: 14px;
}
.bannerRight .main-list-item li a,.newsList .main-list-item li a {
	width: 75%;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #666;
	font-size: 14px;
}

.bannerRight .main-list-item li span,.newsList .main-list-item li span {
	float: right;
	color: #999;
}
.bannerRight ul li::before {
	content: '';
	background: url(../images/img/icon03.png) no-repeat;
	display: block;
	width: 23px;
	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;
	background: #fff;
}

.new-list-box{
	height: 300px;
}

.new-list-box .item-detail{
	padding: 10px 10px 0 10px;
	overflow: hidden;
}
.new-list-box .item-detail .lft{
	width: 175px;
	float: left;
}
.new-list-box .item-detail .rit{
	width: 390px;
	float: left;
}
.item-detail .rit h3{
	font-weight: normal;
	color: #F40700;
	text-align: center;
	line-height: 40px;
}
.item-detail .rit p{
	
	line-height: 20px;
}
.item-detail .rit p a{
	color: #666;
}
.newsList ul {
	padding: 0px 10px;
	padding-top: 15px;
}

.newsList ul li {
	padding-left: 30px;
	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/icon03.png) no-repeat;
	display: block;
	width: 23px;
	height: 21px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.newsList ul li:last-child {
	border: 0;
}

.newsList1 ul li {
	padding-left: 20px;
}

.newsList1 ul li::before {
	content: '';
	background: url(../images/img/icon04.png) no-repeat;
	display: block;
	width: 15px;
	height: 17px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.newsType {
	width: 304px;
	height: 250px;
	overflow: hidden;
}

.newsType ul li {
	width: 140px;
	margin: 2px 3px 10px 3px;
	padding: 9px 0px;
	background: #fff;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}

.newsType ul li img {
	display: block;
	margin: auto;
}

.newsType ul li p {
	text-align: center;
}

.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: 204px;
	width: 100%;
}

.mscont ul li p {
	text-align: center;
	height: 41px;
	line-height: 41px;
	color: #999;
}

.mingshi .hd {
	position: absolute;
	right: 0;
	top: 0;
}

.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;
	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%;
}

.footer {
	width: 100%;
	padding: 20px;
	line-height: 200%;
	background: #ca1c1d;
	text-align: center;
	color: #fff;
	border-top: 2px solid #fff100;
	margin-top: 20px;
}

.videoModel {
	width: 435px;
	height: 332px;
}

.videoModel .videoCont {
	flex: 1;
	padding-top: 20px;
	overflow: hidden;
}

.videoModel .videoCont ul li {
	width: 435px;
	height: 272px;
	display: block;
}
.videoModel .videoCont ul li .videobg{ width: 435px; height: 220px; background: #000;}
.videoModel .videoCont ul li p{ text-align: center; font-size: 14px;}
.videoModel .videoCont ul li video {
	width: 435px;
	height: 220px;
	display: block;
}

.fengcai {
	width: 774px;
	height: 332px;
}

.fengcai ul {
	padding-top: 20px;
}

.fengcai ul li {
	width: 180px;
	text-align: center;
	float: left;
	margin: 0px 5px;
}

.fengcai ul li img {
	width: 170px;
	display: block;
	margin: 0px auto;
}

.fengcai ul li p {
	color: #333;
	text-align: center;
	line-height: 180%;
}

.wenhua {
	padding: 10px;
	width: 100%;
	margin: 20px 0px;
}

.wenhua-title {
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 10px;
}

.wenhua-title h2 {
	font-size: 20px;
	color: #CA1C1D;
}

.wenhua-title a {
	font-size: 12px;
	color: #666;
}

.wenhua-cont {
	padding: 10px 35px;
	overflow: hidden;
	position: relative;
	border: 1px solid #e8e8e8;
}

.wenhua-cont a.prev,
.wenhua-cont a.next {
	display: block;
	background: url(../images/img/zuo.png);
	position: absolute;
	cursor: pointer;
	width: 20px;
	height: 40px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.wenhua-cont a.next {
	background: url(../images/img/you.png) no-repeat;
	left: auto;
	right: 0;
}

.wenhua-cont ul li {
	width: 224px;
	height: 220px;
	float: left;
	margin-right: 5px;
}

.wenhua-cont ul li img {
	height: 166px;
	width: 100%;
}



.type {
	width: 304px;
}

.type img {
	margin: 10px 0px;
	width: 100%;
}

.typeTitle {
	background: #f2ebeb;
	height: 51px;
	text-align: center;
}

.typeTitle .item {
	width: 155px;
	padding-right: 10px;
	height: 51px;
	line-height: 51px;
	font-size: 16px;
	color: #fff;
	background: url(../images/img/typeTitle.png) no-repeat;
}

.projectList {
	padding: 5px 10px;
	border: 1px solid #e8e8e8;
	border-top: 0;
}

.projectList li {
	height: 30px;
	line-height: 30px;
	padding-left: 30px;
	position: relative;
	margin: 5px 0px;
}

.projectList li::before {
	content: '';
	display: block;
	width: 15px;
	height: 17px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../images/img/icon04.png) no-repeat;
}

.projectList li p {
	color: #333;
	max-width: 80%;
}

.projectList li span {
	color: #999;
}

.showbox {
	width: 905px;
	border: 1px solid #e8e8e8;
	min-height: 500px;
	border-top: 2px solid #e60019;
}

.showboxTitle {
	line-height: 47px;
	background: #f2ebeb;
	height: 47px;
	padding: 0px 10px;
}

.showboxTitle h3 {
	padding-left: 5px;
	color: #CA1C1D;
}

.showboxTitle .weizhi {
	color: #333;
}
.showboxTitle .weizhi a{
	color: #333;
}

.page {
	padding: 20px 0px;
	text-align: center;
}

.page a {
	border: 1px solid #c3def7;
	color: #333;
	padding: 0px 5px;
	margin: 0px 5px;
}

.projectList1 li {
	padding: 10px;
	border-bottom: 1px solid #e8e8e8;
}

.projectList1 li a{
	color: #333;
}

.projectList1 li img {
	width: 193px;
	height: 128px;
}

.projectList1 .info {
	flex: 1;
	padding-left: 20px;
}

.projectList1 .info h4 {
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
}

.projectList1 .info p {
	font-size: 14px;
	color: #666;
	line-height: 180%;
}

.projectList1 .info span,
.projectList1 .info em {
	color: #999;
	font-size: 12px;
	font-style: normal;
}

/* ??? */
#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;
}

#befrom{padding-left:30px;padding-bottom:10px;font-size:13px;}