.banner {
	width: 100%;
	height: 39.63vw;
	position: relative;
	/* padding-top: 44px; */
	background: #8D1B20;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	transition: all 1.5s;
}
.cqly {
	
}
.cqly.show {
	
}
#swiper1,
#swiper1 .swiper-wrapper,
#swiper1 .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100%;
}

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

#swiper1 .swiper-wrapper .swiper-slide .di {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 4;
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#swiper1 .swiper-wrapper .swiper-slide-active .di {
	z-index: 5;
}

#swiper1 {
	position: relative;
}

#swiper1::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 105px;
	z-index: 5;
	display: block;
	/*background: url(/templates/site2021/images/ban-di.png) center top;*/
}

#swiper1 .swiper-pagination {
	width: auto;
	left: auto;
	right: 40px;
	bottom: 48px;
}

#swiper1 .swiper-pagination span {
	opacity: 1;
	width: 28px;
	height: 28px;
	background: none;
	color: #FFFFFF;
	font-size: 0.9375rem;
	text-align: center;
	line-height: 28px;
}

#swiper1 .swiper-pagination .swiper-pagination-bullet-active {
	background: #AE1E23;
}

.banner .down {
	position: absolute;
	bottom: 13px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
}

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

	25% {
		transform: translate(0, 5px);
	}

	50% {
		transform: translate(0, 10px);
	}

	75% {
		transform: translate(0, 15px);
	}

	100% {
		transform: translate(0, 20px);
	}

}

.banner .down img {
	animation-name: zishi;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: zishi;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
}

#swiper1 .swiper-wrapper .swiper-slide .fu {
	position: absolute;
	z-index: 7;
	opacity: 0;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	transition: all 2s;
}

/* swiper-one */
#swiper-one {}

#swiper1 .swiper-wrapper #swiper-one .one {
	top: 32.5%;
	left: calc(8% + 86px);
	transform: translate(0, 150px) scale(1, 1);
	transition-delay: 0.5s;
}

#swiper1 .swiper-wrapper #swiper-one .two {
	top: 32.5%;
	left: 8%;
	transform: translate(0, 150px) scale(1, 1);
	transition-delay: 1s;
}


#swiper1 .swiper-wrapper #swiper-two .one {
	left: 22.7%;
	top: 27%;
	max-width: 70%;
	transform: scale(2,2);
	transition-delay: 0.5s;
}
#swiper1 .swiper-wrapper #swiper-two .two {
	left: 28.5%;
	top: 34%;
	max-width: 58%;
	transform: scale(2,2);
	transition-delay: 1s;
}

#swiper1 .swiper-wrapper #swiper-four .one {
	left: 16.8%;
	top: 42.8%;
	max-width: 80%;
	transform: translate(300px,0);
	transition-delay: 0.5s;
}

#swiper1 .swiper-wrapper #swiper-five .one {
	top: 19.7%;
	right: 15%;
	max-width: 70%;
	transform: translate(-300px,0);
	transition-delay: 0.5s;
}

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


/* 重旅要闻 */
.new-1 {
	width: 100%;
	background: #EEEBEA;
	padding: 60px 0;
	overflow: hidden;
	position: relative;
}

.new-1 .img {
	position: absolute;
	width: 100%;
	bottom: -200px;
}

.new-1 .container {
	max-width: 1450px;
}

.bt-1 {
	width: 100%;
	height: 51px;
	text-align: center;
	background: url(/templates/site2021/images/bt-1-bg.png) no-repeat center center;
}

.bt-1 span {
	display: inline-block;
	line-height: 50px;
	font-size: 46px;
	color: #383838;
	/* font-weight: 600; */
}

.new-1tt {
	width: 100%;
	margin-top: 60px;
	margin-bottom: 60px;
	height: 134px;
	background: #9A1316;
	overflow: hidden;
	padding: 4px;
}

.new-1tt>img {
	float: left;
	height: 100%;
}

#new1 {
	float: left;
	padding-right: 14%;
	width: calc(100% - 334px);
	height: 100%;
	position: relative;
}

#new1>img {
	position: absolute;
	right: 20px;
	cursor: pointer;
	top: 28px;
}

#new1 .rig {
	top: auto;
	bottom: 28px;
}

#new1 .swiper-slide {
	height: 100%;
}

#new1 .swiper-slide a {
	display: inline-block;
	width: 100%;
	font-size: 1.875rem;
	color: #FFFFFF;
	font-weight: 600;
	line-height: 126px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

#new1 .swiper-slide a:hover {
	padding-left: 10px;
}


/* new-12 */
.new-12 {
	width: 100%;
	height: 390px;
	margin-bottom: 32px;
	position: relative;
	z-index: 10;
}

.new-12 .lef,
.new-12 .rig {
	float: left;
	width: calc(50% - 15px);
	height: 100%;
}

.new-12 .rig {
	float: right;
}

#new2 {
	width: 100%;
	height: 100%;
}

#new2 .swiper-slide {
	width: 100%;
	height: 100%;
}

#new2 a {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}

#new2 a img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

#new2 a:hover img {
	transform: scale(1.05);
}

#new2 a p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
	font-size: 1rem;
	line-height: 40px;
	padding-left: 20px;
	padding-right: 30%;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	transition-delay: 0.1s;
	padding-top: 40px;
}

#new2 .swiper-slide-active a p {
	padding-top: 0;
}

#new2 .swiper-pagination {
	width: auto;
	left: auto;
	right: 10px;
	bottom: 8px;
}

#new2 .swiper-pagination span {
	opacity: 1;
	width: 20px;
	height: 20px;
	background: none;
	color: #FFFFFF;
	font-size: 0.875rem;
	text-align: center;
	line-height: 20px;
}

#new2 .swiper-pagination .swiper-pagination-bullet-active {
	background: #AE1E23;
}

.new-12-ul {
	width: 100%;
	height: 100%;
}

.new-12-ul li {
	width: 100%;
	height: 33.33%;
}

.new-12-ul li * {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.new-12-ul a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.new-12-ul label {
	width: 131px;
	float: left;
	text-align: center;
}

.new-12-ul label span {
	display: inline-block;
	font-size: 3.6425rem;
	color: #A1A1A1;
	font-weight: 600;
	margin-top: 10px;
}

.new-12-ul label p {
	font-size: 1rem;
	color: #A1A1A1;
	font-weight: 600;
}

.new-12-ul .det {
	width: calc(100% - 131px);
	height: 100%;
	float: left;
	border-bottom: 3px solid #D2D2D2;
	padding-right: 14%;
	position: relative;
}

.new-12-ul .det::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	top: 100%;
	height: 3px;
	background: #9A1316;
	width: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.new-12-ul .det span {
	display: inline-block;
	margin-top: 34px;
	width: 100%;
	font-weight: 1.25rem;
	color: #383838;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}

.new-12-ul .det p {
	font-size: 1rem;
	color: #A1A1A1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	-webkit-line-clamp: 2;
}

.new-12-ul a:hover label span {
	color: #9A1316;
}

.new-12-ul a:hover label p {
	color: #9A1316;
}

.new-12-ul a:hover .det span {
	color: #9A1316;
	padding-left: 10px;
}

.new-12-ul a:hover .det::after {
	width: 100%;
}


/* new-13 */
.new-13 .rig {
	float: left;
}

.new-13 .lef {
	float: right;
}

.new-1 .more-1 {
	width: 100%;
	text-align: center;
	margin-top: 76px;
}

.new-1 .more-1 a {
	display: inline-block;
	width: 136px;
	position: relative;
	z-index: 10;
}

.new-1 .more-1 a:hover {
	-webkit-animation: tada 1s;
	animation: tada 1s;
}

.new-1 .more-1 a img {
	float: left;
}

.new-1 .more-1 a span,
.new-1 .more-1 a p {
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
	float: left;
	color: #9A1316;
}

.new-1 .more-1 a span {
	font-size: 1.4375rem;
}

.new-1 .more-1 a p {
	font-size: 1rem;
	font-weight: 600;
}


/* tu-1 */
.tu-1 {
	width: 100%;
	padding: 60px 0;
	background: url(/templates/site2021/images/tu-11.png) no-repeat center center;
	background-size: contain;
}

.tu-1 .container {
	max-width: 1450px;
}

.tu-1 .bt-1 span {
	color: #9A1316;
}

.tu-11 {
	width: 100%;
	padding: 0 15px;
	height: 250px;
	position: relative;
	margin-top: 80px;
}

.tu-11>img {
	position: absolute;
	top: 75px;
	cursor: pointer;
	left: -74px;
}

.tu-11 .rig {
	left: auto;
	right: -74px;
}

#tu1 {
	width: 100%;
	height: 100%;
}

#tu1 .swiper-wrapper {
	width: 100%;
	height: 100%;
}

#tu1 .swiper-slide {
	width: 100%;
	height: 100%;
}

#tu1 a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

#tu1 a .img {
	width: 100%;
	height: 180px;
	overflow: hidden;
}

#tu1 a .img img {
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

#tu1 a p {
	margin-top: 8px;
	height: 62px;
	line-height: 62px;
	padding: 0 10px;
	position: relative;
	overflow: hidden;
}

#tu1 a p span {
	position: relative;
	z-index: 10;
	font-size: 1rem;
	color: #94080B;
	font-weight: 600;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

#tu1 a p::before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 6px;
	background: #B5B5B5;
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	transition-delay: 0.5s;
}

#tu1 a p::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: -100%;
	opacity: 0;
	z-index: 5;
	background: #94080B;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

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

#tu1 a:hover p::before {
	opacity: 0;
}

#tu1 a:hover p::after {
	top: 0;
	opacity: 1;
}

#tu1 a:hover p span {
	color: #FFFFFF;
}


/* .new2 */
.new2 {
	width: 100%;
	background: #EEEBEA;
	padding: 60px 0;
	overflow: hidden;
}

.new2 .container {
	max-width: 1515px;
}

.new2 .lef {
	width: 40%;
	float: left;
}

.new2 .rig {
	width: 56.5%;
	float: right;
}

/* /bt-2 */
.bt-2 {
	width: 100%;
	height: 47px;
	margin-bottom: 33px;
}

.bt-2 .qie {
	width: 70%;
	float: left;
	height: 100%;
	border-bottom: 2px solid #8D1B20;
}

.bt-2 .qie span {
	display: inline-block;
	float: left;
	/* line-height: 60px; */
	line-height: 47px;
	height: 100%;
	padding: 0 17px;
	position: relative;
	font-size: 1.25rem;
	color: #383838;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.bt-2 .qie span::after {
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: #8D1B20;
	border-radius: 10px 10px 0 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.bt-2 .qie span u {
	text-decoration: none;
	position: relative;
	z-index: 10;
}

.bt-2 .qie .on {
	line-height: 47px;
	font-size: 1.75rem;
	color: #FFFFFF;
}

.bt-2 .qie .on::after {
	opacity: 1;
	top: 0;
}

.bt-2 p {
	float: right;
	height: 100%;
	line-height: 60px;
}

.bt-2 p a {
	display: none;
	padding-right: 40px;
	font-size: 1.125rem;
	color: #292929;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

@keyframes more1 {
	0% {
		opacity: 0;
		transform: translate(-20px, 0);
	}

	50% {
		opacity: 0.5;
		transform: translate(-10px, 0);
	}

	100% {
		opacity: 1;
		transform: translate(0, 0);
	}

}

.bt-2 p .on::before {
	content: ">";
	position: absolute;
	right: 0;
	color: #C0BEBE;
	font-size: 1.125rem;
	animation-name: more1;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: more1;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
}

.bt-2 p .on::after {
	content: ">";
	position: absolute;
	right: 5px;
	color: #C0BEBE;
	font-size: 1.125rem;
	animation-name: more1;
	animation-duration: 1s;
	animation-delay: 0.3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: more1;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
}

.bt-2 p .on {
	display: inline-block;
}

.bt-2 p a:hover {
	font-weight: 600;
	padding-right: 30px;
}


.new21 {
	width: 100%;
}

.new21 ul {
	display: none;
}

.new21 .on {
	display: block;
}

.new22 {
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

.new22 li {
	width: 100%;
	height: 130px;
	position: relative;
}

.new22 li::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 10%;
	height: 80%;
	width: 1px;
	background: #C9C9C9;
}

.new22 li::after {
	content: "";
	position: absolute;
	left: 20px;
	top: 10%;
	height: 0;
	width: 1px;
	background: #FFFFFF;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.new22 li:hover::after {
	height: 80%;
}

.new22 li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 18px 75px 18px 38px;
	position: relative;
	overflow: hidden;
}

.new22 li a span {
	display: inline-block;
	width: 100%;
	position: relative;
	z-index: 10;
	font-size: 1.375rem;
	color: #383838;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.new22 li a p {
	position: relative;
	z-index: 10;
	font-size: 1rem;
	color: #BABABA;
	margin-top: 5px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	-webkit-line-clamp: 2;
}

.new22 li a::before {
	content: "";
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	background: #8D1B20;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.new22 li a::after {
	content: url(/templates/site2021/images/new22.png);
	position: absolute;
	right: 0;
	transform: translateX(100%);
	top: 0;
	height: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.new22 li a:hover::before {
	top: 0;
}

.new22 li a:hover::after {
	transition-delay: 0.5s;
	transform: translateX(30%);
}

.new22 li a:hover span {
	color: #FFFFFF;
}

.new22 li a:hover p {
	color: #E4BEBE;
}

.new23 {
	width: 100%;
}

.new23 li {
	width: 100%;
	height: 122px;
	margin-bottom: 12px;
	background: #FFFFFF;
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

.new23 li a {
	display: inline-block;
	line-height: 122px;
	width: 100%;
	height: 100%;
	padding: 0 5%;
	font-size: 1.375rem;
	color: #383838;
	background: url(/templates/site2021/images/new231.png) no-repeat right bottom;
	background-size: auto 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.new23 li a:hover {
	color: #8D1B20;
}

.new23 li:nth-child(1) a {
	border-top: 5px solid #8D1B20;
}

.new23 li:nth-child(2) a {
	background-image: url(/templates/site2021/images/new232.png);
}

.new23 li:nth-child(3) a {
	background-image: url(/templates/site2021/images/new233.png);
}


/* zt */
.zt {
	width: 100%;
	background: #EEEBEA;
	overflow: hidden;
}

.zt .container {
	max-width: 1450px;
}

.bt-3 {
	width: 100%;
	text-align: center;
}

.bt-3 span {
	font-size: 2.5rem;
	color: #8E1B20;
}

.bt-3 a {
	float: right;
	font-size: 1.125rem;
	color: #8E1B20;
	margin-top: 30px;
	position: relative;
	padding-right: 50px;
}

.bt-3 a::before {
	content: url(/templates/site2021/images/zt-bt-1.png);
	position: absolute;
	right: 0;
	animation-name: more1;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: more1;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
}

.bt-3 a::after {
	content: url(/templates/site2021/images/zt-bt-1.png);
	position: absolute;
	right: 5px;
	animation-name: more1;
	animation-duration: 1s;
	animation-delay: 0.2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-play-state: running;
	/* Safari and Chrome: */
	-webkit-animation-name: more1;
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: 0.2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
}

.zt-1 {
	width: 100%;
	margin-top: 60px;
	padding-bottom: 80px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.zt-1 ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-content: stretch;
}

.zt-1 ul li {
	width: 23.3%;
	float: left;
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.zt-1 ul li::before {
	content: "";
	position: absolute;
	left: -2.5%;
	width: 105%;
	height: 8px;
	top: 4px;
	background: #363535;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.zt-1 ul li::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 16px;
	top: 0;
	background: #8E1B20;
	box-shadow: 0 5px 5px 1px rgba(142, 27, 32, 0.5);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.zt-1 ul li a {
	position: relative;
	margin-top: 24px;
	display: inline-block;
	width: 100%;
	background: #FFFFFF;
	padding: 20px 2%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.zt-1 ul li .det {
	width: 100%;
	height: 121px;
	overflow: hidden;
	padding: 20px 15px;
	height: 0;
	padding: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.zt-1 ul li .det p {
	font-size: 1.125rem;
	color: #960107;
	text-align: justify;
	text-indent: 2rem;
	line-height: 1.5;
	letter-spacing: 0.1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* autoprefixer: off */
	-webkit-box-orient: vertical;
	/* autoprefixer: on */
	-webkit-line-clamp: 3;
}

.zt-1 ul li a::before {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 0;
	opacity: 0;
	bottom: 0;
	background: #8E1B20;
	box-shadow: 0 5px 5px 1px rgba(142, 27, 32, 0.5);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.zt-1 ul li a .img {
	width: 100%;
	height: 100px;
	overflow: hidden;
}

.zt-1 ul li a .img img {
	min-width: 100%;
	min-height: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.zt-1 ul li:hover .det {
	height: 75px;
	padding: 10px 15px;
}

.zt-1 ul li:hover a {
	margin-top: 0;
}

.zt-1 ul li:hover a::before {
	opacity: 1;
	height: 4px;
}

.zt-1 ul li:hover::before {
	height: 4px;
	top: 0;
	opacity: 0;
}

.zt-1 ul li:hover::after {
	height: 4px;
}

.zt-1 ul li:hover a .img img {
	transition-delay: 0.6s;
	transform: scale(1.05);
}


/* wh */
.wh {
	width: 100%;
	background: url(/templates/site2021/images/wh-1.png) no-repeat center -200px, #EEEBEA;
	height: 880px;
	padding-top: 86px;
}
.wh .container {
	max-width: 1660px;
}
.wh-1 {
	width: 100%;
}
.wh-1 li {
	float: left;
	height: 236px;
	overflow: hidden;
}
.wh-1 li:nth-child(1) ,
.wh-1 li:nth-child(5) {
	width: 22.25%;
}
.wh-1 li:nth-child(2) ,
.wh-1 li:nth-child(6) {
	width: 22.31%;
}
.wh-1 li:nth-child(3) ,
.wh-1 li:nth-child(7) {
	width: 14.08%;
}
.wh-1 li:nth-child(4) ,
.wh-1 li:nth-child(8) {
	width: 25%;
}
.wh-1 li:nth-child(9) {
	width: 16.09%;
}
.wh-1 li:nth-child(10) {
	margin-left: 28.5%;
	width: 16%;
}
.wh-1 li:nth-child(11) {
	margin-left: 14.08%;
	width: 16%;
}
.wh-1 li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}

.wh-1 .more span {
	font-size: 2.8125rem;
	color: #FFFFFF;
	display: block;
}
.wh-1 .more .det {
	font-size: 1rem;
	display: inline-block;
	width: 180px;
	height: 45px;
	max-width: 80%;
	border: 1px solid #FFFFFF;
	line-height: 45px;
	padding-left: 10%;
	margin-top: 20px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.wh-1 .more:hover .det {
	padding-left: 15%;
}
.wh-1 .tp a > img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.wh-1 .tp:hover img {
	transform: scale(1.2);
}
.wh-1 .tb img ,
.wh-1 .tp2 .det img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 20%;
	max-width: 70%;
}
.wh-1 .tb .one {
	opacity: 0.5;
}
.wh-1 .tb .two {
	opacity: 0;
	transform: translateX(-50%) scale(2);
}
.wh-1 .tb p ,
.wh-1 .tp2 .det p {
	position: absolute;
	left: 0;
	width: 100%;
	top: 60%;
	text-align: center;
	font-size: 1.5rem;
	color: #FFFFFF;
	opacity: 0.5;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.wh-1 .tb:hover .one {
	transform: translateX(-50%) scale(2);
	opacity: 0;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.wh-1 .tb:hover .two {
	transform: translateX(-50%) scale(1);
	opacity: 1;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.wh-1 .tb:hover p {
	opacity: 1;
}
.wh-1 .tp2 .det {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(121, 140, 182, 0.55);
	opacity: 0;
	transform: scale(2);
}
.wh-1 .tp2:hover .det {
	opacity: 1;
	transform: scale(1);
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.wh-1 li:nth-child(11) .tp2 .det {
	background: rgba(221, 213, 144, 0.27);
}


/* 服务指南 */
.zn {
	width: 100%;
	background: #FFFFFF;
	padding: 60px 0;
}
.zn .container {
	max-width: 1080px;
}
.zn .bt-4 {
	float: left;
	width: 130px;
	display: inline-block;
}
.zn .bt-4 img {
	display: inline-block;
	float: left;
}
.zn .bt-4 p {
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
	float: left;
	font-size: 0.915rem;
	color: #94080B;
	opacity: 0.3;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.zn .bt-4 span {
	writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: inline-block;
	float: left;
	font-size: 1.5625rem;
	color: #94080B;
}
.zn .bt-4:hover {
	-webkit-animation: rubberBand 1s;
	animation: rubberBand 1s;
}
.zn .bt-4:hover p {
	opacity: 1;
}
.zn ul {
	float: right;
	width: 834px;
	max-width: calc(100% - 200px);
	float: right;
	height: 100%;
}
.zn ul li {
	float: left;
	width: 33.33%;
	height: 40px;
	line-height: 40px;
	padding-left: 48px;
	position: relative;
}
.zn ul li a {
	display: inline-block;
	width: 100%;
	font-size: 1rem;
	color: #94080B;
	opacity: 0.65;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}
.zn ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 22px;
	background: url(/templates/site2021/images/zn-1.png) no-repeat center center;
	background-size: contain;
	opacity: 0.65;
}
.zn ul li::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 22px;
	background: url(/templates/site2021/images/zn-1.png) no-repeat center center;
	background-size: contain;
	opacity: 0;
	transform: scale(0);
}
.zn ul li:hover a {
	opacity: 1;
	font-weight: 600;
}
.zn ul li:hover::before {
	opacity: 0;
	transform: scale(3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.zn ul li:hover::after {
	opacity: 1;
	transform: scale(1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.zn ul li:nth-child(2)::before ,
.zn ul li:nth-child(2)::after {
	background-image: url(/templates/site2021/images/zn-2.png);
}
.zn ul li:nth-child(3)::before ,
.zn ul li:nth-child(3)::after {
	background-image: url(/templates/site2021/images/zn-3.png);
}
.zn ul li:nth-child(4)::before ,
.zn ul li:nth-child(4)::after {
	background-image: url(/templates/site2021/images/zn-4.png);
}
.zn ul li:nth-child(5)::before ,
.zn ul li:nth-child(5)::after {
	background-image: url(/templates/site2021/images/zn-5.png);
}
.zn ul li:nth-child(6)::before ,
.zn ul li:nth-child(6)::after {
	background-image: url(/templates/site2021/images/zn-6.png);
}
.zn ul li:nth-child(7)::before ,
.zn ul li:nth-child(7)::after {
	background-image: url(/templates/site2021/images/zn-7.png);
}
.zn ul li:nth-child(8)::before ,
.zn ul li:nth-child(8)::after {
	background-image: url(/templates/site2021/images/zn-8.png);
}
.zn ul li:nth-child(9)::before ,
.zn ul li:nth-child(9)::after {
	background-image: url(/templates/site2021/images/zn-8.png);
}