/* banner */

#move_7{
 z-index: 9999!important;
}


.banner {
	width: 100%;
	height: 100vh;
	position: relative;
}

.banner>a {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
	left: 5%;
	opacity: 0.7;
}

.banner>a:hover {
	opacity: 1;
}

.banner>a.banrig {
	left: auto;
	right: 5%;
}

.banner .swiper-container {
	width: 100%;
	height: 100%;
}

.banner .swiper-container .swiper-wrapper {
	width: 100%;
	height: 100%;
}

.banner .swiper-container .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100%;
}

@keyframes bannerview {
	0% {
		transform: translate(-50%, -50%) scale(1, 1);
	}

	16% {
		transform: translate(-50%, -50%) scale(1.01, 1.01);
	}

	33% {
		transform: translate(-50%, -50%) scale(1.02, 1.02);
	}

	50% {
		transform: translate(-50%, -50%) scale(1.03, 1.03);
	}

	66% {
		transform: translate(-50%, -50%) scale(1.02, 1.02);
	}

	83% {
		transform: translate(-50%, -50%) scale(1.01, 1.01);
	}

	100% {
		transform: translate(-50%, -50%) scale(1, 1);
	}
}

.banner .swiper-container .swiper-wrapper .swiper-slide>img {
	height: 100%;
	min-width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.banner .swiper-container .swiper-wrapper .swiper-slide-active>img {
	animation-name: bannerview;
	animation-duration: 7s;
	animation-timing-function: linear;
	animation-delay: 0.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: bannerview;
	-webkit-animation-duration: 7s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
}

.banner .swiper-pagination {
	bottom: 40px;
}

.banner .swiper-pagination span {
	width: 30px;
	height: 30px;
	opacity: 1;
	background: none;
	border-radius: 50px;
	margin: 0 5px !important;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.banner .swiper-pagination span::after {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 10px;
	left: 8px;
	top: 8px;
	background: white;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
	border: 1px solid #62090D;
}

.banner .swiper-pagination .swiper-pagination-bullet-active::after {
	background: #62090D;
}

#swiper1 .swiper-slide .ban {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1230px;
	max-width: 98%;
	height: 100%;
	transform: translateX(-50%);
}

#swiper1 .swiper-slide .ban img {
	position: absolute;
	opacity: 0;
	transition: 1s;
}


/* swiper-one */

.b11 {
	left: 0;
	top: 30.93%;
	transform: translate(100px, 0);
	transition-delay: 0.5s !important;
}

.b12 {
	left: 102px;
	top: calc(30.93% + 162px);
	transform: translate(0, 0) scale(1.5, 1.5);
	transition-delay: 1s !important;
}

.b13 {
	left: 177px;
	top: calc(30.93% + 42px);
	transform: translate(0, 150px);
	transition-delay: 1.5s !important;
}

.b14 {
	left: 177px;
	top: calc(30.93% + 126px);
	transform: translate(0, 150px);
	transition-delay: 1.7s !important;
}

.b15 {
	left: 177px;
	top: calc(30.93% + 232px);
	transform: translate(0, 150px);
	transition-delay: 1.9s !important;
}

.b21 {
	left: 0.73%;
	top: 31.28%;
	transform: translate(-100px, -100px);
	transition-delay: 0.5s !important;
}

.b22 {
	left: calc(0.73% + 50px);
	top: calc(31.28% + 107px);
	transform: translate(100px, 100px);
	transition-delay: 0.5s !important;
}

.b23 {
	left: calc(0.73% + 163px);
	top: calc(31.28% + 38px);
	transform: translate(100px, 0);
	transition-delay: 1s !important;
}

.b24 {
	left: calc(0.73% + 163px);
	top: calc(31.28% + 128px);
	transform: translate(100px, 0);
	transition-delay: 1.2s !important;
}

.b25 {
	left: calc(0.73% + 163px);
	top: calc(31.28% + 229px);
	transform: translate(100px, 0);
	transition-delay: 1.4s !important;
}

.b26 {
	left: calc(0.73% + 311px);
	top: calc(31.28% + 250px);
	transform: translate(100px, 0);
	transition-delay: 1.6s !important;
}

.b31 {
	left: -30px;
	top: 24.42%;
	transform: translate(0, 0) scale(0.7, 0.7);
	transition-delay: 0.5s !important;
}

.b32 {
	left: 18px;
	top: calc(24.42% + 30px);
	transform: translate(0, 0) scale(1.5, 1.5);
	transition-delay: 1s !important;
}

.b33 {
	left: 0;
	top: calc(24.42% + 188px);
	transform: translate(0, 0) scale(1.5, 1.5);
	transition-delay: 1.5s !important;
}

.b34 {
	left: 164px;
	top: calc(24.42% + 99px);
	transform: translate(0, 100px) scale(1, 1);
	transition-delay: 2s !important;
}

.b35 {
	left: 164px;
	top: calc(24.42% + 149px);
	transform: translate(0, 100px) scale(1, 1);
	transition-delay: 2.1s !important;
}

.b36 {
	left: 164px;
	top: calc(24.42% + 184px);
	transform: translate(0, 100px) scale(1, 1);
	transition-delay: 2.2s !important;
}

.b37 {
	left: 167px;
	top: calc(24.42% + 222px);
	transform: translate(0, 100px) scale(1, 1);
	transition-delay: 2.3s !important;
}

.b38 {
	left: 300px;
	top: calc(24.42% + 245px);
	transform: translate(0, 100px) scale(1, 1);
	transition-delay: 2.4s !important;
}

.b41 {
	left: -10px;
	top: 31.51%;
	transform: translate(150px, 150px) scale(2, 2);
	transition-delay: 0.5s !important;
}

.b42 {
	left: -20px;
	top: calc(31.51% + 130px);
	transform: translate(150px, 150px) scale(2, 2);
	transition-delay: 0.8s !important;
}

.b43 {
	left: 167px;
	top: calc(31.51% + 52px);
	transform: translate(0, 150px) scale(1, 1);
	transition-delay: 1.2s !important;
}

.b44 {
	left: 167px;
	top: calc(31.51% + 136px);
	transform: translate(0, 150px) scale(1, 1);
	transition-delay: 1.4s !important;
}

.b45 {
	left: 167px;
	top: calc(31.51% + 235px);
	transform: translate(0, 150px) scale(1, 1);
	transition-delay: 1.6s !important;
}

.b46 {
	left: 304px;
	top: calc(31.51% + 252px);
	transform: translate(0, 150px) scale(1, 1);
	transition-delay: 1.8s !important;
}

#swiper1 .swiper-slide-active .ban img {
	opacity: 1 !important;
	transform: translate(0, 0) scale(1, 1) !important;
}


/* ajgc-1 */

.ajgc-1 {
	width: 100%;
	background: url(../image/ajgc-bg.png) no-repeat center top;
	position: relative;
	overflow: hidden;
	padding-top: 283px;
}

.bt-top {
	width: 100%;
	text-align: center;
	position: absolute;
	height: 283px;
	top: 0;
	left: 0;
	z-index: 10;
}

.bt-top p:nth-child(1) {
	margin-top: 50px;
}

.bt-top p:nth-child(2) {
	margin-top: 20px;
}

@keyframes yun {
	0% {
		transform: translate(0, 0);
	}

	16% {
		transform: translate(-8.33%, 0);
	}

	33% {
		transform: translate(-16.66%, 0);
	}

	50% {
		transform: translate(-25%, 0);
	}

	66% {
		transform: translate(-33.32%, 0);
	}

	83% {
		transform: translate(-41.65, 0);
	}

	100% {
		transform: translate(-50%, 0);
	}
}

.yun {
	width: 100%;
	position: absolute;
	opacity: 0.9;
	top: -300px;
	left: 0;
}

.yun img {
	animation-name: yun;
	animation-duration: 50s;
	animation-timing-function: linear;
	/* animation-delay: 0.5s; */
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: yun;
	-webkit-animation-duration: 50s;
	-webkit-animation-timing-function: linear;
	/* -webkit-animation-delay: 0.5s; */
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
}


/* 古城风采 */

.gcfc {
	width: 100%;
	position: relative;
	z-index: 10;
}

.gcfc-container {
	max-width: 1440px;
}

.gcfc-1 {
	width: 100%;
	background: #FFFFFF;
}

.gcfc-bt {
	width: 100%;
	height: 152px;
	padding-left: 28px;
	padding-right: 50px;
}

.gcfc-bt .img {
	width: 243px;
	float: left;
	padding-top: 18px;
}

.gcfc-bt ul {
	float: left;
	width: 1010px;
	max-width: calc(100% - 357px);
	display: flex;
	flex-wrap: wrap;
	padding-top: 38px;
}

.gcfc-bt ul li {
	height: 40px;
}

.gcfc-bt ul li a {
	display: inline-block;
	line-height: 40px;
	margin: 0 15px;
	font-size: 0.9375rem;
	color: #444444;
	position: relative;
}

.gcfc-bt ul li.ac a {
	color: #630C10;
	font-weight: bold;
}

.gcfc-bt ul li a::after {
	content: "";
	position: absolute;
	left: 0;
	width: 0;
	height: 1px;
	background: #630C10;
	bottom: 0;
	transition: all 0.5s;
	opacity: 0;
}

.gcfc-bt ul li a::before {
	content: "";
	position: absolute;
	right: 0;
	width: 0;
	height: 1px;
	background: #630C10;
	bottom: 1px;
	transition: all 0.5s;
	opacity: 0;
}

.gcfc-bt ul li.ac a::after {
	width: 100%;
	opacity: 1;
}

.gcfc-bt ul li.ac a::before {
	width: 100%;
	opacity: 1;
}

.gcfc-bt .more {
	float: right;
	margin-top: 48px;
}

.gcfc-2 {
	width: 100%;
	padding: 0 50px;
	height: 360px;
}

.gcfc-item {
	width: 100%;
	height: 100%;
	display: none;
	background: #FAFAFA;
}

.gcfc-item.ac {
	display: block;
}

.gcfj2-lef {
	width: 920px;
	max-width: calc(100% - 400px);
	height: 100%;
	float: left;
}

.gcfj2-rig {
	width: 400px;
	height: 100%;
	float: right;
	background: url(../image/gcfjbg-1.png) center center;
	padding: 15px 30px;
}

#swiper-fc {
	width: 100%;
	height: 100%;
}

#swiper-fc a {
	display: inline-block;
	height: 100%;
	overflow: hidden;
	position: relative;
}

#swiper-fc a img {
	height: 100%;
	min-width: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.5s;
}

#swiper-fc a:hover img {
	transform: translateX(-50%) scale(1.1);
}

#swiper-fc .swiper-pagination {
	width: auto;
	left: auto;
	right: 20px;
}

#swiper-fc .swiper-pagination span {
	width: 9px;
	height: 9px;
	opacity: 1;
	background: #FFFFFF;
}

#swiper-fc .swiper-pagination .swiper-pagination-bullet-active {
	background: #630B0F;
}

#gcfc {
	display: none;
	width: 100%;
	margin-top: 20px;
	padding: 10px 0;
}

#gcfc a {
	width: 70vw;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

#gcfc .img {
	height: 30vw;
	overflow: hidden;
}

#gcfc .img img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.5s;
}

#gcfc a:hover .img img {
	transform: scale(1.1);
}

#gcfc .det {
	width: 100%;
	padding: 10px;
	background: url(../image/gcfjbg-1.png) center center;
}

#gcfc .det span {
	display: block;
	width: 100%;
	text-align: center;
	height: 40px;
	line-height: 40px;
	position: relative;
	color: #630B0F;
	font-size: 1.2rem;
}

#gcfc .det span::after {
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 20px;
	height: 2px;
	background: #630B0F;
}

#gcfc .det p {
	font-size: 0.9375rem;
	margin-top: 10px;
	color: #333333;
	line-height: 2;
	height: 60px;
}


.bt1 {
	width: 100%;
	text-align: center;
	height: 59px;
	line-height: 59px;
	position: relative;
	color: #630B0F;
	font-size: 1.5rem;
	animation-delay: 0.5s;
}

.bt1::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 20px;
	height: 2px;
	background: #630B0F;
}

.gcfj2-rig-det {
	width: 100%;
	animation-delay: 0.7s;
}

.gcfj2-rig-det p {
	font-size: 0.9375rem;
	color: #333333;
	line-height: 2;
	margin-top: 20px;
	height: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	-webkit-line-clamp: 5;
}

.gcfj2-rig-btn {
	width: 100%;
	margin-top: 24px;
	animation-delay: 0.8s;
}

.gcfj2-rig-btn a {
	display: inline-block;
	text-align: center;
}

.gcfj2-rig-btn .le {
	float: left;
	margin-right: 25px;
}

.gcfj2-rig-btn .le img {
	border-radius: 50%;
}

.gcfj2-rig-btn .le p {
	font-size: 0.8125rem;
	color: #9B6668;
}

.gcfj2-rig-btn .le:hover img {
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
}

.gcfj2-rig-btn .le:hover p {
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.gcfj2-rig-btn .ri {
	float: right;
	font-size: 0.8125rem;
	color: #630B0F;
	position: relative;
	padding: 9px;
	padding-right: 16px;
	margin-top: 10px;
	transition: all 0.3s;
}

.gcfj2-rig-btn .ri::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #62090D;
	transition: all 0.3s;
}

.gcfj2-rig-btn .ri::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-bottom: 10px solid #62090D;
	border-right: 7px solid transparent;
	transition: all 0.3s;
}

.gcfj2-rig-btn .ri:hover {
	font-weight: bold;
}

.gcfj2-rig-btn .ri:hover::before {
	left: 10px;
}

.gcfj2-rig-btn .ri:hover::after {
	right: -10px;
}

.lygl {
	width: 100%;
	position: relative;
	z-index: 30;
	height: 664px;
	background: url(../image/lygl-bg.png) no-repeat center bottom;
}

.lygl-bt {
	width: 100%;
	height: 189px;
	text-align: center;
}

.lygl .container {
	max-width: 1340px;
}


/* lygl-list  to  song-style.css! */

.hd-bt {
	width: 100%;
	height: 199px;
	text-align: center;
}

.hd-1 {
	width: 100%;
	height: 644px;
	background: #F4F4F4;
	position: relative;
}

.hd-2 {
	width: 700px;
	width: 36.8%;
	min-width: 595px;
	height: 100%;
	background: url(../image/hd-lef-1.png) no-repeat center center;
	position: relative;
}

.hd-txt {
	position: absolute;
	top: 67px;
	right: 370px;
}

.hd-more {
	display: inline-block;
	position: absolute;
	bottom: 80px;
	right: 262px;
}

.hd-qie {
	width: 43px;
	position: absolute;
	right: 270px;
	top: 382px;
}

.hd-qie a {
	display: inline-block;
}

.hd-qie a:nth-child(2) {
	margin-top: 21px;
}

.hd-3 {
	position: absolute;
	width: 1326px;
	height: 520px;
	top: 60px;
	left: 25.8%;
	max-width: calc(100% - 25.8%);
	padding-right: 10px;
}

@media (max-width:1580px) {
	.hd-3 {
		left: 350px;
		width: calc(100% - 410px);
	}
}

#swiperhd {
	width: 100%;
	height: 100%;
	padding: 10px;
}

#swiperhd .swiper-slide {
	width: 100%;
	height: 100%;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

#swiperhd .img {
	width: 100%;
	height: 403px;
	position: relative;
	overflow: hidden;
}

#swiperhd .img>img {
	min-width: 100%;
	height: 100%;
	transition: all 0.5s;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

#swiperhd .swiper-slide:hover .img>img {
	transform: translateX(-50%) scale(1.1);
}

#swiperhd .img a {
	position: absolute;
	display: inline-block;
	bottom: 13px;
	right: 13px;
	z-index: 10;
	width: 41px;
	height: 41px;
	border-radius: 50%;
}

#swiperhd .img a:hover {
	box-shadow: 0 0 20px 3px rgba(255, 255, 255, 1);
}

#swiperhd .swiper-slide>a {
	display: inline-block;
	width: 100%;
	height: 97px;
	text-align: center;
	line-height: 80px;
	background: url(../image/hd-4.png) center center;
	font-size: 1.1875rem;
	color: #333333;
	transition: all 0.5s;
}

#swiperhd .swiper-slide:hover>a {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	font-weight: bold;
	color: #630b0f;
}

.zx {
	width: 100%;
	height: 792px;
	background: url(../image/zx-bg.png) center center;
}

.zx-bt {
	height: 206px;
	width: 100%;
	text-align: center;
}

.zx-1 {
	max-width: 1720px;
	padding: 0 50px;
	margin: 0 auto;
	position: relative;
}

.zx-1>a.zxlef,
.zx-1>a.zxrig {
	position: absolute;
	top: 185px;
	left: 10px;
}

.zx-1>a.zxrig {
	left: auto;
	right: 10px;
}

.zx-1>a.more {
	width: 64px;
	display: block;
	margin: 50px auto 0;
}

.zx-1 .container {
	max-width: 1464px;
}

.zx-2 {
	width: 100%;
	height: 450px;
}

#swiperzx {
	width: 100%;
	height: 100%;
	padding: 10px;
}

#swiperzx a {
	display: inline-block;
	height: 100%;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	transition: all 0.5s;
}

#swiperzx a:hover {
	transform: translateY(-5px);
}

#swiperzx a .img {
	width: 100%;
	height: 295px;
	position: relative;
	overflow: hidden;
}

#swiperzx a .img img {
	height: 100%;
	min-width: 100%;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	transition: all 0.5s;
}

#swiperzx a:hover .img img {
	transform: translateX(-50%) scale(1.1);
}

#swiperzx a .img span {
	display: inline-block;
	width: 115px;
	height: 42px;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	line-height: 42px;
	font-size: 0.9375rem;
	color: #E0D6D7;
	background: rgba(98, 9, 13, 0.7);
}

#swiperzx a .det {
	width: 100%;
	height: 135px;
	text-align: center;
	padding: 0 30px;
}

#swiperzx a .det span {
	display: inline-block;
	width: 100%;
	font-size: 1.0625rem;
	color: #333333;
	margin: 20px 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}

#swiperzx a .det p {
	font-size: 0.875rem;
	color: #888888;
	line-height: 2;
	height: 56px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	-webkit-line-clamp: 2;
}

#swiperzx a:hover .det span {
	font-weight: bold;
	color: #630b0f;
}

.tp {
	width: 100%;
	/* height: 840px;
	height: 1150px; */
	padding-top: 58px;
	padding-bottom: 40px;
	background: url(../image/tp-bg.png) no-repeat center top;
}

.tp .container {
	max-width: 1440px;
}

.tp-item {
	display: block;
	height: 350px;
	margin-bottom: 27px;
	position: relative;
	overflow: hidden;
}

.tp-item>img {
	height: 100%;
}

.tp-item .det {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	text-align: center;
	padding-top: 108px;
}

.tp-item .det img {
	display: block;
	margin: 25px auto 0;
}

.tp-item .det a {
	display: block;
	width: 190px;
	height: 40px;
	background: rgba(98, 9, 13, 0.6);
	text-align: center;
	line-height: 40px;
	margin: 47px auto 0;
	font-size: 0.9375rem;
	color: #FFFFFF;
	transition: all 0.5s;
}

.tp-item .det a:hover {
	box-shadow: 0 0 20px rgba(255, 255, 255, 1);
	margin-top: 40px;
}

.tp-2 .det {
	background: rgba(0, 0, 0, 0.4);
}

.tp-3 .det {
	background: rgba(0, 0, 0, 0.5);
}

.tp-2 {
	width: 64.78%;
	float: left;
}

.tp-3 {
	width: 33.45%;
	float: right;
}

.tp-2>img,
.tp-3>img {
	min-width: 100%;
	transition: all 0.5s;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.tp-2:hover>img,
.tp-3:hover>img {
	transform: translateX(-50%) scale(1.1);
}

@keyframes yun2 {
	0% {
		transform: translate(0, 0);
	}

	16% {
		transform: translate(-4%, 0);
	}

	33% {
		transform: translate(-8%, 0);
	}

	50% {
		transform: translate(-12.25%, 0);
	}

	66% {
		transform: translate(-16.25%, 0);
	}

	83% {
		transform: translate(-20.25%, 0);
	}

	100% {
		transform: translate(-24.5%, 0);
	}
}

.tp-1>img {
	animation-name: yun2;
	animation-duration: 40s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
	-webkit-animation-name: yun2;
	-webkit-animation-duration: 40s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
}

.lygl-bt,
.hd-bt,
.zx-bt {
	text-align: center;
}

.lygl-bt span,
.hd-bt span,
.zx-bt span {
	display: inline-block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.gcfc-bt .img:hover img,
.lygl-bt span:hover img,
.hd-bt span:hover img,
.zx-bt span:hover img {
	animation: pulse 0.5s;
}

.bt-top p:nth-child(1):hover img {
	animation: tada 1s;
}

.bt-top p:nth-child(2):hover img {
	animation: bounceIn 1s;
}

.zx {
	height: 712px;
}

.zx .zx-bt {}

.zx .zx_b {
	max-width: 1340px;
}

.zx .zx_b .jqdt {
	width: 56%;
	float: left;
}

.zx .zx_b .jqdt .hd {
	height: 40px;
	line-height: 40px;
	margin-bottom: 25px;
}

.zx .zx_b .jqdt .hd h1 {
	margin: 0;
	float: left;
}

.zx .zx_b .jqdt .hd h1 img {
	display: block;
}

.zx .zx_b .jqdt .hd a {
	float: right;
	color: #62090d;
	font-size: 15px;
}

.zx .zx_b .jqdt .hd a:hover {
	text-decoration: underline;
}

.zx .zx_b .jqdt .bd {
	width: 100%;
	overflow: hidden;
}

#swiper-dt {
	width: 100%;
	height: 384px;
}

#swiper-dt .swiper-slide {
	height: 100%;
	background: #fff;
}

#swiper-dt a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#swiper-dt h1 {
	display: block;
	height: 240px;
	overflow: hidden;
	margin: 0;
	position: relative;
}

#swiper-dt img {
	display: block;
	min-width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	transition: all .5s;
}

#swiper-dt a:hover img {
	transform: translateX(-50%) scale(1.03);
}

#swiper-dt a:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#swiper-dt h2 {
	font-size: 19px;
	font-weight: normal;
	color: #333;
	line-height: 32px;
	margin: 15px 0;
	padding: 0 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	-webkit-line-clamp: 2;
}

#swiper-dt span {
	font-size: 15px;
	color: #888;
	padding: 0 25px;
}

#swiper-dt a:hover h2 {
	color: #61090d;
	font-weight: bold;
}

#swiper-dt a:hover span {
	color: #af9192;
}

.zx .zx_b .jqgg {
	width: 40%;
	float: right;
}

.zx .zx_b .jqgg .hd {
	height: 40px;
	line-height: 40px;
	margin-bottom: 25px;
}

.zx .zx_b .jqgg .hd h1 {
	margin: 0;
	float: left;
}

.zx .zx_b .jqgg .hd h1 img {
	display: block;
}

.zx .zx_b .jqgg .hd a {
	float: right;
	color: #62090d;
	font-size: 15px;
}

.zx .zx_b .jqgg .hd a:hover {
	text-decoration: underline;
}

.zx .zx_b .jqgg .bd {
	background: rgba(255, 255, 255, .6);
	padding: 22px;
}

.zx .zx_b .jqgg .bd ul {}

.zx .zx_b .jqgg .bd ul li {
	margin-bottom: 15px;
}

.zx .zx_b .jqgg .bd ul li a {
	display: block;
	overflow: hidden;
}

.zx .zx_b .jqgg .bd ul li a .gg_time {
	width: 70px;
	height: 70px;
	float: left;
	background: rgba(97, 9, 13, 0.06);
	text-align: center;
	margin-right: 15px;
	padding-top: 8px;
	transition: all 0.3s;
}

.zx .zx_b .jqgg .bd ul li a .gg_time h1 {
	font-size: 24px;
	margin: 0;
	font-weight: normal;
	color: #61090d;
	padding-top: 4px;
	transition: all 0.3s;
}

.zx .zx_b .jqgg .bd ul li a .gg_time h2 {
	font-size: 14px;
	margin: 0;
	font-weight: normal;
	color: #61090d;
	transition: all 0.3s;
}

.zx .zx_b .jqgg .bd ul li a h3 {
	float: left;
	color: #333;
	font-weight: normal;
	width: calc(100% - 85px);
	padding: 10px 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	transition: all 0.3s;
	margin: 0;
}

.zx .zx_b .jqgg .bd ul li a p {
	width: calc(100% - 85px);
	height: 24px;
	margin-top: 5px;
	float: left;
	overflow: hidden;
	color: #888;
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}

.zx .zx_b .jqgg .bd ul li a:hover .gg_time {
	background: #61090d;
}

.zx .zx_b .jqgg .bd ul li a:hover .gg_time h1,
.zx .zx_b .jqgg .bd ul li a:hover .gg_time h2 {
	color: #fff;
}

.zx .zx_b .jqgg .bd ul li a:hover h3 {
	color: #61090d;
	font-weight: bold;
}

.zx .zx_b .jqgg .bd ul li a:hover p {
	color: #af9192;
}

.tp .container {
	max-width: 1340px;
}

.zt {
	width: 100%;
	margin-top: 27px;
	display: flex;
	justify-content: space-between;
}

.zt a {
	display: block;
	overflow: hidden;
	position: relative;
}

.zt a p {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	font-size: 17px;
	color: #FFFFFF;
	height: 80px;
	line-height: 100px;
	background: url(../image/zt-bg.png) center bottom;
}

.zt a img {
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.5s;
}

.zt a:hover>img {
	transform: scale(1.1);
}

.zt-1 {
	width: 47.57%;
	height: 409px;
}

.zt-1 video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zt-2 {
	width: 28.33%;
	height: 409px;
}

.zt-2 label {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}

.zt-2 label:hover {
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
}

.zt-rig {
	width: 20.6%;
}

.zt-rig a {
	width: 100%;
	height: 192px;
}

.zt-rig a:nth-child(1) {
	margin-bottom: 25px;
}

#swiperzt {
	width: 100%;
	height: 224px;
	margin-top: 27px;
}

#swiperzt a {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

#swiperzt a img:nth-child(1) {
	width: 100%;
	height: 100%;
	transition: all 0.8s;
}

#swiperzt a img:nth-child(2) {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 90%;
	transform: translate(-50%, -50%);
}

#swiperzt .swiper-pagination {
	width: auto;
	left: auto;
	right: 10px;
}

#swiperzt .swiper-pagination span {
	width: 12px;
	height: 12px;
	background: #fff;
	margin: 0 5px !important;
}

#swiperzt .swiper-pagination .swiper-pagination-bullet-active {}

#swiperzt a:hover img:nth-child(1) {
	transform: scale(1.1);
}


.xf-sp {
	position: fixed;
	right: 10px;
	bottom: 10px;
	width: 400px;
	height: 200px;
	/* background: #333; */
	z-index: 950;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	background: url(/upfiles/202307/20230717161204724.png) no-repeat center center;
	background-size: cover;
}
.xf-sp span {
	display: inline-block;
	position: absolute;
	width: 30px;
	height: 30px;
	background: rgba(255, 255, 255, .6);
	right: 10px;
	top: 10px;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	z-index: 10;
}
.xf-sp i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	/* width: 30px; */
	/* height: 30px; */
	/* text-align: center; */
	/* line-height: 30px; */
	/* border-radius: 50%; */
	/* background: rgba(0, 0, 0, 0.5); */
	/* color: #fff; */
	font-style: normal;
	font-size: 30px;
}
.xf-sp video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}