.banner {
	width: 100%;
	display: block;
	z-index: 1;}

header {
	position: relative;}

.bannerbottom {
	position: absolute;
	bottom: 0;
	z-index: 2;
	width: 1440px;
	left: 0;
	right: 0;
	margin: auto;
	height: 100px;
	background: url(../img/nav-bj.png) no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;}

.menubox {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1200px;
	height: 80px;
	margin-top: 20px;}

.menubox a {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	height: 100%;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	position: relative;}

.menubox a:hover::after {
	background: #fae385;}

.menubox a:hover {
	color: #fae385;}

.menubox a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: rgba(0, 0, 0, 0);}

.menubox .active {
	position: relative;}

.menubox .active {
	color: #fae385;}

.menubox .active::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: #fae385;}

.pageview {
	min-height: 700px;
	margin: 0px auto;
	width: 1200px;
	box-sizing: border-box;
	}

.content {
	background: url(../img/ds-bj.png) no-repeat;
	background-size: 100% 100%;}

.view1 {
	padding: 40px 10px;
	box-sizing: border-box;
	background: #FFFFFF;}

.view1top {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	position: relative;}

.view1top span {
	font-size: 30px;
	line-height: 40px;
	color: #bc1516;
	font-weight: bold;
	padding: 0px 10px;}

.view1top img {
	display: block;
	width: 300px;}

.view1top a {
	width: 100px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	background: #bc1516;
	cursor: pointer;
	position: absolute;
	right: 0;
	bottom: 0;
	text-decoration: none;}

.view1list .item {
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	display: block;
	margin-top: 18px;}

.view1list .item {
	text-decoration: none;
	text-indent: 2em;}

.view1list .item .title {
	display: block;
	font-size: 18px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 26px;
	font-weight: bold;}

.view1list .item .str {
	font-size: 15px;
	color: #333;
	text-overflow: ellipsis;
	line-height: 31px;
	padding: 0 10px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 10px;}

.view1list .item:hover {
	background: #bc1516;}

.view1list .item:hover div {
	color: #FFFFFF !important;}

.view1list .item:first-child .title {
	color: #bc1516;}

.view2 {
	padding: 30px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: nowrap;
	background: #FFFFFF;}

.view2 .view2left {
	width: calc(100% - 570px);}

.view2 .view2right {
	width: 570px;
	padding-left: 20px;
	box-sizing: border-box;}

.view2lefttitle {
	font-size: 30px;
	font-weight: bold;
	color: #bc1516;
	position: relative;}

.view2lefttitle .more {
	width: 100px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #bc1516;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: pointer;
	text-decoration: none;}

.view2list {
	margin-top: 15px;}

.view2list a.first-child {
	border: none;
	color: #bc1516;}

.view2list a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	color: #333;
	line-height: 40px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-top: 1px solid #e5e5e5;
	transition: all .5s;}

.view2list a:hover {
	color: #bc1516;
	padding-left: 20px;}

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

.swiper1left,
.swiper1right {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 65px;
	height: 65px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
	background: rgba(51, 51, 51, 0.16);
	cursor: pointer;}

.swiper1left:hover {
	background: #bc1516;}

.swiper1right:hover {
	background: #bc1516;}

.swiper1left img,
.swiper1right img {
	height: 20px;}

.swiper1left {
	left: 10px;}

.swiper1right {
	right: 10px;}

#swiper1 .swiper-slide {
	position: relative;}

#swiper1 .swiper-slide div {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 40px;
	background: rgba(59, 61, 65, 0.6);
	color: #FFFFFF;
	box-sizing: border-box;
	padding: 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;}

#swiper1 .swiper-slide:hover div {
	    /* color: #bc1516; */}

.view3 {
	padding: 40px 10px;
	background: #FFFFFF;}

.view3topview {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: 30px;
	padding-bottom: 20px;}

.view3topview a {
	flex: 1;
	margin-right: 3px;}

.view3topview a:last-child {
	margin-right: 0;}

.view3topview a img {
	width: 100%;
	display: block;}

.view4 {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 75px;
	padding-bottom: 75px;}

.view4 .view4left,
.view4 .view4right {
	width: 48%;
	height: 100%;}

.view4title {
	box-sizing: border-box;
	padding: 0 5%;
	height: 80px;
	background: #bc1516;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: space-between;}

.view4title label {
	font-size: 24px;}

.view4title a {
	cursor: pointer;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;}

.view4list {
	padding: 20px 5%;
	background: #FFFFFF;
	min-height: 360px;}

.view4list2 {
	padding: 20px 5%;
	background: #FFFFFF;
	min-height: 360px;}

.view4list a {
	display: block;
	line-height: 40px;
	color: #333;
	display: block;
	font-size: 16px;
	text-decoration: none;
	position: relative;
	margin: 5px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

.view4list a:hover {
	color: #bc1516;
	padding-left: 10px;
	transition: all .5s;}

.view4list a:hover::after {
	border-color: #bc1516;}

.view4list a::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 999px;
	border: 1px solid #dcdcdc;
	background: #fff;
	left: -26px;
	top: 0;
	bottom: 0;
	margin: auto;}

.view4list div {
	border-left: 1px solid #dcdcdc;
	padding-left: 20px;
	box-sizing: border-box;}

.view4list2 a {
	line-height: 50px;
	color: #333;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: none;
	font-size: 16px;
	padding-left: 20px;
	box-sizing: border-box;
	position: relative;
	border-bottom: 1px solid #e5e5e5;}

.view4list2 a:last-child {
	border-bottom: none;}

.view4list2 a:hover {
	transition: all .5s;
	padding-left: 30px;
	color: #bc1516;}

.view4list2 a::after {
	content: "";
	position: absolute;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent transparent #bfbfbf;
	top: 50%;
	transform: translateY(-50%);
	left: 0;}

.view4list2 a:hover::after {
	border-color: transparent transparent transparent #bc1516;}

footer {
	background: #bc1516;
	padding: 20px;}
footer p{
	color:#fff;
	text-align:center;
	position: relative;
}

footer a {
	text-decoration: none;
	color: #FFFFFF;
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: center; */
	font-size: 16px;
	}

footer p img {
	display: inline-block;
	margin-left: 10px;
	position: absolute;
	}

.phonemenu {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 999;
	width: 30px;
	cursor: pointer;
	display: none;}

.phonebox {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 1000;
	display: none;}

.close {
	width: 30px;
	top: 15px;
	right: 15px;
	position: absolute;}

.pmenubox {
	padding-top: 50px;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;}

.pmenubox a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	color: #FFFFFF;
	padding: 15px 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);}

.pmenubox .acccc {
	color: #fae385;}

.content2 .list {
	padding: 30px 60px 0 60px;}

.content2 .list a {
	display: block;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	text-decoration: none;}

.newitem {
	line-height: 60px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	position: relative;
	top: 0;}

.newitem .str {
	position: relative;
	box-sizing: border-box;
	padding-left: 20px;
	width: calc(100% - 150px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333333;}

.newitem .date {
	width: 150px;
	text-align: right;
	color: #999999;}

.newitem .str::after {
	content: "";
	position: absolute;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent transparent #bfbfbf;
	top: 50%;
	transform: translateY(-50%);
	left: 0;}

.newitem:hover ::after {
	border-color: transparent transparent transparent #bc1516;}

.newitem:hover {
	transition: all 0.5s;
	top: -5px;}

.newitem:hover .date {
	color: #bc1516 !important;}

.newitem:hover .str {
	color: #bc1516 !important;}

.fyq {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	padding-bottom: 30px;}

.fyq a {
	text-decoration: none;}

.lab {
	font-size: 12px;
	color: #222;
	margin-right: 10px;}

.syy,
.xyy {
	cursor: pointer;
	font-size: 12px;
	padding: 5px 8px;
	border: 1px solid #ccc;
	line-height: 12px;
	color: #ccc;
	display: flex;}


.numlist {
	margin-left: 5px;
	display: flex;
	align-items: center;}

.numlist a {
	cursor: pointer;
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ccc;
	margin-right: 5px;
	box-sizing: border-box;
	font-size: 12px;
	color: #CCC;}

.numlist a:hover {
	color: #FFFFFF !important;
	background: #258CFF;
	border-color: #258CFF !important;}

.fyqac {
	color: #FFFFFF !important;
	background: #258CFF;
	border-color: #258CFF !important;}

.pagetitle {
	padding: 30px 0 20px 0;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;}

.ptitle {
	color: #333;
	font-size: 24px;
	font-weight: bold;}

.pstr {
	margin-top: 25px;
	font-size: 16px;
	color: #999999;}

.pstr label {
	margin-left: 10px;}

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

@media screen and (max-width: 1440px) {
	.bannerbottom {
		width: 100%;
		background-size: 100% 100%;}

	.menubox {
		width: 80%;}
}

@media screen and (max-width: 1200px) {
	.pageview {
		width: 100%;}

	.view2 {
		flex-wrap: wrap;}

}


@media screen and (max-width: 1024px) {
	.view1top img {
		display: none;}

	.view2left,
	.view2right {
		width: 100% !important;}

	.view2right {
		margin-top: 20px;
		padding-left: 0 !important;}

	.bannerbottom {
		display: none;}

	.phonemenu {
		display: block;}
}

@media screen and (max-width: 800px) {
	.view4 {
		flex-wrap: wrap;}

	.view4 .view4left,
	.view4 .view4right {
		width: 100%;}

	.view4 .view4right {
		margin-top: 40px;}

	.pageview {
		padding: 15px !important;
		min-height: 820px;
		}

	.pstr label {
		display: block;
		text-align: left;
		width: 100%;}
}