@charset "utf-8";
.banner_text .xz {
	width: 0%;
	height: auto;
	position: absolute;
	transition: all 1.2s;
}

.banner_text .xz_anim {
	width: 80%;
}

.banner-title {
	position: absolute;
	top: 10em;
	transition: all 2s;
}

.banner-title_anim {
	top: 8em
}

.banner_text {
	top: 38%;
	height: 450px;
	background: rgba(255, 255, 255, 0.30);
}

.banner img {
	width: 86%;
}

.download {
	margin-top: 15em;
}

.download .d-l {
	margin-top: 3em;
}

.d-l,
.d-c,
.d-r {
	float: left;
}

.download .d-l p {
	font: 1.4em/1.4em "微软雅黑";
	color: white;
}

.download .d-l img {
	display: initial;
	margin-top: 0.6em;
	width: 25%;
	height: auto;
	margin-left: 1em;
	position: absolute;
	transition: all 3s;
}

.download .d-l .img_anim {
	-moz-animation: name1 6s infinite alternate;
	-ms-animation: name1 6s infinite alternate;
	-webkit-animation: name1 0.5s infinite alternate;
}

@-webkit-keyframes name1 {
	20% {
		transform: rotate(8deg);
	}
	40% {
		transform: rotate(-8deg);
	}
	60% {
		transform: rotate(8deg);
	}
	80% {
		transform: rotate(-8deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.download .d-c {
	margin-top: 2em;
	width: 1px;
	height: 145px;
	background: url(/images/xt.png) no-repeat center;
	margin-left: 2em;
}

.download .d-r {
	margin-left: 2.3em;
}

.download .d-r img {
	margin-top: 2.8em;
	width: 70%;
}

.phone_un .phone {
	left: 200%;
	top: -48%;
	width: 100%;
	position: absolute;
	height: auto;
	z-index: 3;
	transition: all 1.8s;
}

.phone_un .phone_anim {
	top: -52%;
}

.phone_un .phone_anim_t {
	top: -56%;
}

.phone_un .phone img {
	width: 80%;
}

.wz {
	margin-top: 3%;
}

.th {
	width: 48%;
	position: absolute;
	text-align: left;
	top: 24em;
	/*margin-left: 10em;*/
}

.th h3 {
	text-align: left;
	font: 70px/90px "微软雅黑";
}

.th .wz_t {
	font: 30px/40px "微软雅黑";
	color: rgb(123, 123, 123);
}

.p2 .wz,
.p4 .wz {
	text-align: left;
}

.p2 .th,
.p4 .th {
	right: 2%;
}

.th .l {
	position: absolute;
	top: -180%;
	right: 0;
	transition: all 1.8s;
}

.th .l_anim {
	transform: rotateX(360deg);
}

.tp {
	position: absolute;
	/*margin-left: 10em;*/
	width: 0%;
	margin-left: 10em;
	top: 558px;
	transition: all 2s;
}

.tp_anim {
	width: 40%;
	top: 0;
}

.tp1 {
	position: absolute;
	/*margin-left: 10em;*/
	width: 40%;
	margin-left: 0em;
}

.c p {
	margin-left: 0em;
}

@media screen and (max-width: 1650px) {
	.phone_un .phone {
		top: -75%;
		left: 130%;
	}
	.warp {
		width: 94%;
	}
	.phone img {
		width: 80%;
		height: auto;
	}
	/*.c p {*/
	/*margin-left: 0em;*/
	/*}*/
}

@media screen and (max-width: 1490px) {
	.phone_un .phone {
		top: -35%;
		left: 130%;
		width: 75%;
	}
	.warp {
		width: 96%;
	}
	.banner_text {
		top: 30%;
		height: 445px;
	}
	.tp1 {
		margin-left: 6em;
	}
	/*.c p {*/
	/*margin-left: 0em;*/
	/*}*/
}

@media screen and (max-width: 1300px) {
	.banner_text {
		top: 25%;
	}
	.phone_un .phone {
		left: 130%;
		width: 72%;
	}
	.text {
		left: 12%;
	}
	.phone_un .phone img {
		width: 80%;
		height: auto;
	}
	.tp {
		margin-left: 0em;
	}
	/*.c p {*/
	/*margin-left: 0em;*/
	/*}*/
}

@media screen and (max-width: 1200px) {
	.banner_text {
		top: 25%;
	}
	.phone_un .phone {
		width: 60%;
		left: 125%;
		top: -26%;
	}
	.text {
		left: 10%;
	}
	.nr div {
		margin-left: 6em;
	}
}

@media screen and (max-width: 1100px) {
	.banner_text {
		top: 25%;
	}
	.phone_un .phone {
		left: 110%;
	}
	.text {
		left: 10%;
	}
	.nr img {
		width: 100%
	}
}

@media screen and (max-width: 1050px) {
	.banner_text {
		top: 18%;
	}
	.phone_un .phone {
		width: 58%;
		left: 115%;
		margin-top: 6em;
	}
	.text {
		left: 10%;
	}
	.phone img {
		width: 50%;
	}
}

@media screen and (max-width: 1050px) {
	.nr img {
		width: 64%;
	}
}

@media only screen and (min-width: 320px) and (max-width: 414px) {
	.banner_text .xz {
		width: 80%;
		height: auto;
		position: initial;
	}
	.banner-title {
		position: initial;
		top: 8em;
	}
	.text {
		left: 4%;
		margin-top: 0em;
	}
	.phone_un .phone {
		display: none;
	}
	.banner_text {
		background: none;
	}
	.tp {
		display: none;
	}
	.nr {
		display: none;
	}
	.f-t .c {
		text-align: left;
		padding-left: 2rem;
		width: 100%;
	}
	.c h3,
	.c p {
		float: left;
	}
	.c p {
		font-size: 12px;
		line-height: 3.4em;
	}
	.th .l {
		width: 30%;
		top: -35%;
		right: 39px;
	}
	.th {
		width: 100%;
		top: 5em;
		right: -2%;
	}
	.p4 .th {
		right: -2%;
	}
	.p1,
	.p2,
	.p3,
	.p4 {
		height: 250px;
	}
	.p2 .th,
	.p4 .th {
		right: -2%;
	}
	.th .wz_t {
		font: 20px/40px "微软雅黑";
	}
	.th h3 {
		font: 38px/90px "微软雅黑";
	}
}