* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body,
html {
	position: relative;
	width: 100%;
	height: 100%;
}
img {
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	position: relative;
	width: 100%;
	height: 100%;
}
.three .header_wrap {
	position: absolute;
	left: 0;
	top: 0;
	height: 50%;
	width: 100%;
	padding-bottom: 2.11rem;
}
.three .header {
	position: relative;
	height: 100%;
	width: 100%;
	background-image: url(../img/three_bg.jpg);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.three .header img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2.8rem;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.three .content {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 4.22rem;
	margin-top: -2.11rem;
	z-index: 8888;
}
.three .content .video {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 1px;

}
.three .content .poster {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/three_cover.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.three .poster img {
	position: absolute;
	width: 1rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.three .footer_wrap {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50%;
	width: 100%;
	padding-top: 2.11rem;
}
.three .footer {
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url(../img/three.gif);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.three .footer img {
		position: absolute;
    left: 50%;
    top: 1.8rem;
    width: 1.5rem;
    margin-left: -0.75rem;
}


/*-----第二-------*/
.old .header_wrap {
	position: absolute;
	left: 0;
	top: 0;
	height: 50%;
	width: 100%;
	padding-bottom: 2.11rem;
}

.old .header {
	position: relative;
	height: 100%;
	width: 100%;
	background-image: url(../img/header_bg.jpg);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.old .header img {
	position: absolute;
	top: 55%;
	left: 50%;
	width: 6rem;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.old .content {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 4.22rem;
	margin-top: -2.11rem;
	z-index: 8888;
}

.old .content .video {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 1px;
}

.old .content .poster {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/cover_11.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.old .poster img {
	position: absolute;
	width: 1rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.old .footer_wrap {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50%;
	width: 100%;
	padding-top: 2.11rem;
}

.old .footer {
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url(../img/footer_bg.gif);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.old .footer img {
	position: absolute;
	left: 50%;
	top: 1rem;
	width: 4rem;
	margin-left: -2rem;
}

.slide2 {
	background-image: url(../img/two_bg1.jpg);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.slide2 img {
	position: absolute;
	top: 50%;
	width: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.arrow {
	position: absolute;
	left: 50%;
	bottom: 0.5rem;
	z-index: 98;
	margin-left: -0.25rem;
	width: 0.5rem;
	height: 0.5rem;
	background-image: url(../img/arror.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	animation: ud 2s linear infinite;
}

@keyframes ud {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	100% {
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
	}
}

@-webkit-keyframes ud {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	100% {
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
	}
}

.qidai {
	background: #2d241b;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.qidai .qidai_msg {
	position: absolute;
	left: 0;
	top: 45%;
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #fff;
}

.qidai_img {
	position: relative;
	overflow: hidden;
}

.qidai_img .h {
	position: relative;
	width: 100%;
}

.qidai_img .t_msg3 {
	position: absolute;
	left: 0;
	width: 100%;
	top: 18%;
}

.qidai .f_wrap {
	position: absolute;
	left: 0;
	top: 11.5rem;
	bottom: 0;
	width: 100%;
	overflow: hidden;
}

.f_wrap .f {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 100%;
}

.swiper-pagination.swiper-pagination-bullets {
	top: 0;
	bottom: auto;
	height: 20px;
}

.jiantou {
	position: absolute;
	right: 0.2rem;
	top: 0.2rem;
	width: 0.6rem;
	height: 0.6rem;
	background-image: url(../img/arrow_wr.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 8888;
}

.jiantou1 {
	position: absolute;
	left: 0.2rem;
	top: 0.2rem;
	width: 0.6rem;
	height: 0.6rem;
	background-image: url(../img/arrow_wl.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 8888;
}

#jt {
	background-image: url(../img/arrow_br.png);
}

#jt1 {
	background-image: url(../img/arrow_bl.png);
}

.cenview .header_wrap {
	position: absolute;
	left: 0;
	top: 0;
	height: 50%;
	width: 100%;
	padding-bottom: 2.11rem;
}

.cenview .header {
	position: relative;
	height: 100%;
	width: 100%;
	background-image: url(../img/two_h.png);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.cenview .header img {
	position: absolute;
	top: 55%;
	left: 50%;
	width: 6rem;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.cenview .content {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 4.22rem;
	margin-top: -2.11rem;
	z-index: 8888;
}

.cenview .content .video {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 1px;
}

.cenview .content .poster {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/two_cover.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.cenview .poster img {
	position: absolute;
	width: 1rem;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.cenview .footer_wrap {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50%;
	width: 100%;
	padding-top: 2.11rem;
}

.cenview .footer {
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url(../img/new1.gif);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.cenview .footer img {
	position: absolute;
	left: 50%;
	top: 1.8rem;
	width: 1.5rem;
	margin-left: -0.75rem;
}