.headTit {
	position: relative;
	padding-top: 64px;
	padding-bottom: 50px
}

.headTit p {
	padding-left: 13px;
	padding-right: 50px;
	font-size: 38px;
	color: #111111;
	line-height: 40px;
	position: relative
}

.headTit p::before {
	position: absolute;
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	background: url("../images/circle.png") no-repeat;
	left: 0px;
	top: 0px
}

.headTit .more {
	position: absolute;
	right: 0px;
	top: 45px;
	height: 49px;
	width: 50px;
	background: url("../images/more.png") no-repeat;
	background-size: contain;
	transition: all 0.8s
}

.headTit .more:hover {
	animation: circle 2s linear infinite
}

.headTit .more:hover a {
	animation: circle2 2s linear infinite;
	color: #9a030f
}

.headTit .more a {
	display: block;
	font-size: 14px;
	color: #111111;
	line-height: 49px;
	text-align: center
}
.ban3{
padding:0 5%;
}
.ban3 ul li a {
    display: block;
    margin: 0 10px;
    position: relative;
    text-align: center;
}

.ban3 .pic {
    padding-top: 65%;
}
.ban3 ul li  {
    background: #920810;
    padding:10px;
    padding-top: 20px;
}
.ban3 p {
   
text-align: center;
   
width: 100%;
   
display: block;
   
font-size: 16px;
   
line-height: 30px;
   
color: #fff;
   
overflow: hidden;
   
text-overflow: ellipsis;
   
white-space: nowrap;
}

.ban3 .slick-prev {
    background: url(../images/arrow_left.png) no-repeat center;
    width: 70px;
    height: 40px;
    z-index: 1;
    left: -50px;
}

.ban3 .slick-next {
    background: url(../images/arrow_right.png) no-repeat center;
    background-size: 40px auto;
    width: 70px;
    height: 40px;
    z-index: 1;
    right: -50px;
}





.mid1 {
	padding-bottom: 11px;
}
.mid1_top{
	display:flex;
}
.mid1_top_left{width:66%}
.mid1_top_right{width:34%;width: 450px;float: left;margin-left: 2.64%;}
.mid1Left {width: 480px;float: left;margin-right: 2.64%;}

.mid1Leftslick div a img:hover {
	transform: scale(1.1)
}
.mid1Leftslick div a  {
	width: 100%;
	transition: all 0.8s;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	height: 0;
	width: 100%;
	padding-top: 84%;
	overflow:hidden;
}

.mid1Leftslick div a img {
	width: 100%;
	transition: all 0.8s;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	object-fit: cover; 
	height: 100%;
}

.mid1Leftslick {
	position: relative;
	z-index: 1
}

.mid1LeftBottomslick {
	position: relative;
	width: auto;
	z-index: 2;
	margin-top: -42px
}

.mid1LeftBottomslick div a p {
	height: 84px;
	line-height: 84px;
	font-size: 18px;
	color: #ffffff;
	padding-left: 11px;
	padding-right: 52px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #ab1521;
}

.mid1LeftBottomslick .slick-prev::before,
.mid1LeftBottomslick .slick-next::before {
	display: none
}

.mid1LeftBottomslick .slick-prev {
	top: 42px;
	left: 100%;
	width: 42px;
	height: 42px;
	background: #ffd428 url("../images/slick-mid1-l.png") no-repeat;
	transform: translateX(-100%);
	background-position: center
}

.mid1LeftBottomslick .slick-next {
	top: 0px;
	transform: translate(0);
	right: 0px;
	width: 42px;
	height: 42px;
	background: #c81826 url("../images/slick-mid1-r.png") no-repeat;
	background-position: center;
}

.mid1Right {
	overflow: hidden
}

.mid1Right .top.clearfix {
	border-bottom: 1px dashed #dddddd;
	padding-bottom: 26px;
	background: transparent
}

.mid1Right .top .imgBox {
	float: left;
	width: 222px;
	margin-right: 29px;
	overflow: hidden
}

.mid1Right .top a {
	display: block
}

.mid1Right .top .imgBox img {
	width: 100%;
	transition: all 0.8s
}

.mid1Right .top .imgBox img:hover {
	transform: scale(1.1)
}

.mid1Right .top .con {
	overflow: hidden
}

.mid1Right .top .con .tit {
	color: #222222;
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	height: 56px;
	overflow: hidden
}

.mid1Right .top .con .tit:hover {
	color: #9a030f
}

.mid1Right .top .con .dec {
	margin-top: 20px;
	color: #999999;
	font-size: 14px;
	line-height: 24px;
	height: 72px;
	overflow: hidden
}

@keyframes circle {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

@keyframes circle2 {
	0% {
		transform: rotate(360deg)
	}

	to {
		transform: rotate(0deg)
	}
}

.mid1Right .bottom li {
	border-bottom: 1px dashed #dddddd;
	position: relative;
	padding-top: 18px;
	padding-bottom: 8px;
}

.mid1Right .bottom li a {
	display: block
}
.mid1Right .bottom li.item1 .con{
	width:80%;
}
.mid1Right .bottom li.item2 .con{
	width:80%;
}
.mid1Right .bottom li.item1 {
	/* padding-left: 81px */
}

.mid1Right .bottom li.item2 {
	/*padding-left: 81px*/
}

.mid1Right .bottom li .data {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 65px
}

.mid1Right .bottom li.item1 .data {
	right: 0px;
}

.mid1Right .bottom li.item2 .data {
	right: 0px;
}

.mid1Right .bottom li .data .top {
	background: transparent;
	height: 38px;
	border: 1px solid #a41c27;
	border-top-left-radius: 32px;
	border-top-right-radius: 32px;
	line-height: 48px;
	color: #9a030f;
	font-size: 23px;
	text-align: center;
}

.mid1Right .bottom li .data .bottom {
	background: #a41c27;
	height: 21px;
	text-align: center;
	width: 65px;
	border: 1px solid #a41c27;
	line-height: 21px;
	color: #ffffff;
	font-size: 12px
}

.mid1Right .bottom li .con .tit {
	font-size: 18px;
	color: #222222;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
	margin-bottom: 14px
}

.mid1Right .bottom li .con .tit:hover {
	color: #9a030f
}

.mid1Right .bottom li .con .dec {
	font-size: 14px;
	color: #999999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mid2 {
	padding-bottom: 32px;
}

.mid2Item {
	float: left;
	width: 100%;
	margin-right: 3.5%;
	/* margin-bottom: 4px; */
	border-top-right-radius: 25px;
	border-bottom: 1px dashed #dddddd;
	position: relative;
	padding-top: 10px;
	padding-bottom: 8px;
}

.mid2Item a {
	display: flex;
}

.mid2Item:nth-child(3n) {
	margin-right: 0px
}

.mid2Item .data {
	float: right;
	border-left: 1px solid #dcdcdc;
	width: 79px;
	height: 65px;
	text-align: left;
	padding: 0px 0;
	margin-right: 21px;
	/* padding-right: 25px; */
}

.mid2Item .data .One {
	font-size: 38px;
	color: #9a030f;
	margin-bottom: 10px;
	line-height: 39px;
	text-align: right
}

.mid2Item .data .Two {
	font-size: 14px;
	color: #999999;
	text-align: right
}

.mid2Item .con {
	line-height: 32px;
	height: 64px;
	color: #222222;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 18px;
	font-weight: 600;
	width: 100%;
}

.mid2Item:hover .con {
	font-weight: 600
}

.mid2Item:hover .con:hover {
	color: #9a030f
}

.bg {
	background: url("../images/bg-mid.png") no-repeat;
	background-size: cover
}

.bgtop {
	background: url("../images/bg-big-top.png") no-repeat;
	background-size: cover
}

.mid3B {
	background: url("../images/bg-mid3.png") no-repeat;
	background-size: cover;
	height: 561px;
	position: relative;
	z-index: 1
}

.mid3 {
	position: relative;
	z-index: 2;
	margin-top: -529px;
	padding-bottom: 63px;
}

.mid3slick .slick-slide>div {
	margin: 0 25px
}

.mid3slick .item1 {
	background: #6c9583;
	border-top-right-radius: 52px;
	border-bottom-left-radius: 52px;
	padding-bottom: 40px;
	height: 650px;
}

.mid3slick .item2 {
	background: #c35151;
	border-top-left-radius: 52px;
	border-bottom-right-radius: 52px;
	padding-bottom: 7px;
	height: 650px;
}

.mid3slick .item3 {
	background: #3f6186;
	border-top-right-radius: 52px;
	border-bottom-left-radius: 52px;
	padding-bottom: 31px;
	height: 650px;
}

.mid3Head {
	color: #ffffff;
	font-size: 30px;
	height: 114px;
	line-height: 114px;
	text-align: center
}

.mid3Body {
	padding: 0 35px;
	/* height: 486px; */
}
.mid3Ul{min-height: 480px;}
.mid3ImgBox {
	overflow: hidden;
	margin-bottom: 33px;
	width: 343px
}

.mid3ImgBox img {
	width: 100%;
	transition: all 0.8s
}

.mid3ImgBox img:hover {
	transform: scale(1.1)
}

.mid3ImgBox a {
	display: block
}

.mid3Ul li a {
	display: block
}

.mid3Ul li p {
	padding-left: 14px;
	font-size: 16px;
	color: #ffffff;
	font-weight: 500;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative
}

.mid3Ul li p::before {
	position: absolute;
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #ffffff;
	top: 50%;
	transform: translateY(-50%);
	left: 0px
}

.mid3-item2Li {
	margin-bottom: 36px
}

.mid3-item2Li a {
	display: block
}

.leftImgBox {
	width: 198px;
	overflow: hidden;
	margin-right: 18px;
	float: left
}

.leftImgBox img {
	width: 100%;
	transition: all 0.8s
}

.leftImgBox img:hover {
	transform: scale(1.1)
}

.mid3-item2Li p {
	overflow: hidden;
	font-size: 16px;
	color: #ffffff;
	line-height: 29px;
	overflow: hidden;
	height: 87px
}

.item3 .mid3Ul ul li:nth-child(1) a p {
	line-height: 30px;
	padding-bottom: 10px
}

.item3 .mid3Ul ul li:nth-child(1) a p::before {
	top: 40%
}

.mid3Ul ul li {
	position: relative
}

.mid3Ul ul li::before {
	position: absolute;
	height: 1px;
	width: 0px;
	background: #ffffff;
	content: "";
	display: block;
	left: 0px;
	bottom: 0px;
	transition: all 0.8s
}

.mid3Ul ul li:hover::before {
	width: 100%
}

.mid4 {
	background: #ffffff url("../images/bg-mid4.png") no-repeat;
	background-size: cover;
	padding-bottom: 85px
}

.mid4Bodyslick div a {
	display: block
}

.mid4Bodyslick div a div {
	margin: 0 11px;
	height: 114px;
	line-height: 114px;
	color: #ffffff;
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	transition: all 0.8s
}

.mid4Bodyslick div a div:hover {
	font-size: 29px
}

.mid4Bodyitem1 {
	background: url(../images/bg-mid4-one.png) no-repeat;
	background-size: cover
}

.mid4Bodyitem2 {
	background: url(../images/bg-mid4-two.png) no-repeat;
	background-size: cover
}

.mid4Bodyitem3 {
	background: url(../images/bg-mid4-three.png) no-repeat;
	background-size: cover
}

.mid4Bodyitem4 {
	background: url(../images/bg-mid4-four.png) no-repeat;
	background-size: cover
}

@media screen and (max-width: 1400px) {
	.mid3ImgBox {
		width: 100%
	}

	.leftImgBox {
		width: 64%;
		max-width: 198px
	}

	.mid1,
	.mid2,
	.mid4 {
		padding: 0 10px
	}

	.mid3slick .slick-slide>div {
		margin: 0 10px
	}

	.leftImgBox {
		width: 55%
	}
}

@media screen and (max-width: 1280px) {
	.mid1Left {
		max-width: 657px
	}

	.mid1LeftBottomslick {
		max-width: 556px
	}

	.mid1Right .top.clearfix {
		padding-bottom: 20px
	}

	.mid1Right .bottom li {
		padding-top: 20px;
		padding-bottom: 20px
	}
}

@media screen and (max-width: 1200px) {
	.mid1Left {
		max-width: 557px
	}

	.mid1LeftBottomslick {
		max-width: 472px
	}

	.mid1Right .top.clearfix {
		padding-bottom: 10px
	}

	.mid1Right .bottom li {
		padding-top: 10px;
		padding-bottom: 10px
	}
}

@media screen and (max-width: 1024px) {
	.mid1Left {
		float: none;
		max-width: 100%;
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px
	}

	.mid1LeftBottomslick {
		width: 83.5%;
		max-width: 83.5%
	}

	.mid1Right .top.clearfix {
		padding-bottom: 20px
	}

	.mid1Right .bottom li {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.mid1 {
		padding-bottom: 35px
	}
.mid1_top_right{
	width:100%;
}
	.mid4Bodyslick .slick-dots {
		bottom: -35px
	}
.mid1_top {
    display: block;
}
	.mid4Bodyslick .slick-dots li {
		border-radius: 50%;
		width: 15px;
		height: 15px;
		background-color: #ffffff;
		border: 1px solid #9a030f
	}

	.mid4Bodyslick .slick-dots li.slick-active {
		background-color: #9a030f
	}

	.mid3slick .slick-dots {
		position: static;
		margin-top: 15px
	}

	.mid3slick .slick-dots li {
		border-radius: 50%;
		width: 15px;
		height: 15px;
		background-color: #ffffff;
		border: 1px solid #9a030f
	}

	.mid3slick .slick-dots li.slick-active {
		background-color: #9a030f
	}
.mid1_top_left {
    width: 100%;
}
	.headTit {
		padding-top: 35px;
		padding-bottom: 30px
	}

	.headTit .more {
		top: 50%;
		transform: translateY(-50%)
	}

	.headTit p {
		font-size: 30px
	}

	.mid2 {
		padding-bottom: 35px
	}

	.mid2Item {
		width: 48%;
		margin-right: 4%
	}

	.mid2Item:nth-child(n+5) {
		margin-bottom: 0px
	}

	.mid3 {
		margin-top: -510px
	}

	.mid4 {
		padding-bottom: 55px
	}
.ban3 {
    padding: 0 10%;
}
	.mid2Item:nth-child(3n) {
		margin-right: 4%
	}

	.mid2Item:nth-child(2n) {
		margin-right: 0px
	}

	.mid3slick .item2 {
		margin: 0 10px
	}

	.mid3slick .item3 {
		margin: 0 10px
	}

	.mid3slick .item1 {
		margin: 0 5px
	}

	.mid3Body {
		padding: 0 10px
	}

	.mid3ImgBox {
		margin-bottom: 0px
	}

	.mid3ImgBox img {
		max-width: 420px;
		margin: 0 auto
	}
}

@media screen and (max-width: 768px) {
	.mid2Item {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 30px
	}

	.mid2Item:nth-child(n+5) {
		margin-bottom: 30px
	}

	.mid2 {
		padding-bottom: 5px
	}

	.headTit p {
		font-size: 24px
	}

	.mid2Item .data {
		padding-right: 15px;
		margin-right: 10px
	}

	.mid2Item .data .One {
		font-size: 30px
	}

	.mid3slick .slick-dots li,
	.mid4Bodyslick .slick-dots li {
		width: 10px;
		height: 10px
	}
}

@media screen and (max-width: 488px) {
	.mid1Right .top .imgBox {
		width: 180px;
		margin-right: 15px
	}

	.mid1Right .bottom li .con .tit,
	.mid2Item .con {
		font-size: 16px
	}

	.mid1Right .top .con .dec {
		margin-top: 5px
	}

	.mid1Right .top .con .dec {
		line-height: 23px;
		height: 69px
	}

	.mid1Right .top .con .tit {
		font-size: 16px;
		line-height: 26px;
		height: 52px
	}

	.mid1LeftBottomslick div a p {
		height: 60px;
		line-height: 60px;
		font-size: 16px
	}

	.mid1LeftBottomslick {
		margin-top: -30px
	}

	.mid1LeftBottomslick .slick-next,
	.mid1LeftBottomslick .slick-prev {
		width: 30px;
		height: 30px
	}

	.mid1LeftBottomslick .slick-next {
		right: -30px
	}

	.mid1LeftBottomslick .slick-prev {
		top: 30px
	}

	.slick .slick-dots {
		bottom: 10px
	}

	.banner .zhezhao {
		height: 40px
	}

	.slick .slick-dots li {
		width: 35px
	}

	.mid3 {
		padding: 0 0 20px 0
	}

	.mid1Right .top .imgBox {
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 10px
	}
}