@charset "UTF-8";
@import "reset.css";

.textCenter,
.recover .scene .scene-content .scene-item .mask>p,
.recover .scene .scene-content .scene-item .bottom-text,
.recover .scene>h1,
.recover .header .nav-fixed .header-content .header-bar>li>a,
.recover .header .nav .header-content .header-bar>li>a {
	text-align: center;
}

.borderBox {
	box-sizing: border-box;
}

.width-1200,
.recover .scene .scene-content,
.recover .support,
.recover .step .content {
	width: 1200px;
	margin: 0 auto;
}

.clear {
	clear: both;
}

.button-hover {
	transition: all 0.3s ease;
}

.button-hover:hover {
	-webkit-box-shadow: 0px 2px 4px 0px #178ef0;
	box-shadow: 0px 2px 4px 0px #178ef0;
	-webkit-transform: translateY(-0.2rem);
	transform: translateY(-0.2rem);
	-webkit-transition-duration: 0.45s;
	transition-duration: 0.45s;
}

.button-hover-no-shadow {
	transition: all 0.3s ease;
}

.button-hover-no-shadow:hover {
	-webkit-transform: translateY(-0.1rem);
	transform: translateY(-0.1rem);
	-webkit-transition-duration: 0.45s;
	transition-duration: 0.45s;
}

.recover .header .nav .header-content .header-bar>li>a.sa_download {
	font-size: 16px;
	color: #fff;
	line-height: 32px;
	margin-left: 30px;
	width: 116px;
	height: 32px;
	background: linear-gradient(261deg, #FE9701, #FEC24F);
	border-radius: 4px;
}

.recover .header {
	height: 588px;
	text-align: center;
	background: url("../images/banner.png") no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	min-width: 600px;
}

.haeedrbj {
	left: 0;
	height: 60px;
	background-color: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

.recover .header .nav {
	position: fixed;
	top: 0;
	z-index: 100;
	height: 60px;
	line-height: 60px;
	background: transparent;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	left: 50%;
	width: 1200px;
}

.office {
	position: relative;
	top: 3px;
	margin-left: 10px;
}

.header-content .logo-container .logo {
	height: 27px;
	margin-right: 5px;
}

.recover .header .nav .header-content .logo-container {
	font-family: Source Han Sans CN;
	font-weight: 600;
	font-size: 16px;
	color: #1D2129;
	float: left;
	text-decoration: none;
}

.recover .header .nav .header-content .logo-container .logo {
	vertical-align: middle;
}

.recover .header .nav .header-content .logo-container>span {
	font-size: 14px;
	position:relative;top:-1px;
	font-weight: 400;
	color: #1D2129;
	vertical-align: middle;
}
.recover .header .nav .header-content .logo-container>span img{margin-right: 5px;}
.recover .header .nav .header-content .header-bar {
	float: right;
	width: 290px;
	height: 100%;
	margin-bottom: 0;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.recover .header .nav .header-content .header-bar>li>a .phone {
	height: 16px;
	margin-right: 5px;
}

.recover .header .nav .header-content .header-bar>li>a {
	display: block;
	height: 60px;
	margin: 0 auto;
	box-sizing: border-box;
	font-weight: 400;
	font-size: 16px;
	color: #1D2129;
	text-decoration: none;
}

.recover .header .nav-fixed {
	position: fixed;
	top: 0;
	z-index: 100;
	height: 60px;
	line-height: 60px;
	background: white;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	left: 50%;
	width: 100%;
	display: none;
	border-bottom: 1px solid #D8D8D8;
}

.recover .header .nav-fixed .header-content {
	width: 1200px;
	margin: 0 auto;
}

.recover .header .nav-fixed .header-content .logo-container {
	float: left;
}

.recover .header .nav-fixed .header-content .logo-container .logo {
	width: 132px;
	height: 42px;
}

.recover .header .nav-fixed .header-content .header-bar {
	float: right;
	width: 800px;
	height: 100%;
	margin-bottom: 0;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.recover .header .nav-fixed .header-content .header-bar>li {
	flex: 1;
	width: 70px;
	box-sizing: border-box;
	color: #1B88F4;
	font-size: 16px;
	cursor: pointer;
}

.recover .header .nav-fixed .header-content .header-bar>li>a {
	display: block;
	width: 70px;
	height: 65px;
	margin: 0 auto;
	box-sizing: border-box;
	color: #000;
	text-decoration: none;
}

.recover .header .nav-fixed .header-content .header-bar>li>a:hover {
	color: #1B88F4;
	box-sizing: border-box;
	border-bottom: 4px solid #1B88F4;
}

.recover .header .nav-fixed .header-content .header-bar>li .nav-fixed-active {
	color: #1B88F4;
	box-sizing: border-box;
	border-bottom: 4px solid #1B88F4;
}

.recover .header .container {
	width: 1200px;
	margin: 0 auto;
	padding-top: 95px;
	padding-left: 0;
	display: flex;

	position: relative;
}

.recover .header .container .container-main {
	width: 540px;
	height: 460px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	color: #000000;
	align-items: flex-start;
}

.recover .header .container .container-main>h1 {
	font-size: 48px;
	margin-bottom: 20px;
	font-weight: bold;
}

.recover .header .container .container-main .white-line {
	width: 47px;
	height: 7px;
	background: white;
	margin-bottom: 25px;
}

.recover .header .container .container-main>h3 {
	margin-top: 80px;
	font-size: 22px;
	color: white;
	padding-bottom: 30px;
	font-weight: normal;
}

.recover .header .container .container-main>h3 a {
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 30px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

.recover .header .container .container-main>p {
	width: 460px;
	font-size: 16px;
	line-height: 28px;
	text-align: left;
	padding-bottom: 40px;
}

.recover .header .container .container-main>p a {
	font-size: 18px;
	line-height: 28px;
	text-align: left;
	color: #000000;
	text-decoration: none;
	padding-bottom: 40px;
}

.recover .header .container .container-main .download .download-btn {
	display: block;
	width: 220px;
	height: 54px;
	background: #2C6BE9;
	border-radius: 8px;
	font-size: 20px;
	color: #fff;
	border: none;
	margin-bottom: 10px;
	line-height: 54px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
   overflow: hidden;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	border-radius: 5px;
	position: relative;
}

.recover .header .container .container-main .download .download-btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(255, 255, 255, .2);
    width: 280px;
    height: 280px;
    border-radius: 50%;
    margin-left: -140px;
    margin-top: -140px;
    animation: spread 1.5s infinite both;
    -webkit-animation: spread 1.5s infinite both;
    -moz-animation: spread 1.5s infinite both;
    -o-animation: spread 1.5s infinite both;
    z-index: 1;
}
.recover .header .container .container-main .download .download-btn img {
	height: 14px;
	margin-left: 8px;
}
.download{position: relative;}
.download .label2{  position: absolute;
    top: -23px;
    right: -14px;}

@keyframes spread {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0);
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes spread {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0);
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}

@-moz-keyframes spread {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0);
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}

@-o-keyframes spread {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0);
	}

	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes action-btn {
	from {
		top: 0px;
	}

	to {
		top: 7px;
	}
}

@-moz-keyframes action-btn {
	from {
		top: 0px;
	}

	to {
		top: 7px;
	}
}

@-webkit-keyframes action-btn {
	from {
		top: 0px;
	}

	to {
		top: 7px;
	}
}

@-o-keyframes action-btn {
	from {
		top: 0px;
	}

	to {
		top: 7px;
	}
}

.recover .header .container .container-main .download .button-hover {
	transition: all 0.3s ease;
}

.recover .header .container .container-main .download .button-hover:hover {
	-webkit-box-shadow: 0px 6px 20px 0px #0d74d3;
	box-shadow: 0px 6px 20px 0px #0d74d3;
	-webkit-transform: translateY(-0.2rem);
	transform: translateY(-0.2rem);
	-webkit-transition-duration: 0.45s;
	transition-duration: 0.45s;
}

.recover .header .container .container-main .download .version {
	text-align: left;
}

.recover .header .container .container-main .download .version>span {
	margin-right: 10px;
}

.recover .step .content>h1 {
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 10px;
}

.recover .step .content>h3 {
	font-size: 16px;
	color: #999999;
	margin-bottom: 40px;
}

.recover .support {
	padding-top: 30px;
}

.recover .support>h1 {
	font-size: 24px;
	color: #333333;
	text-align: center;
	margin-bottom: 25px;
	font-weight: bold;
}

.recover .support .support-item {
	margin-top: 40px;
}

.recover .support .support-item .title {
	margin-bottom: 30px;
}

.recover .support .support-item .title>i {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: linear-gradient(136deg, white 0%, #178ef0 100%);
	margin-right: 20px;
}

.recover .scene {
	height: 520px;
	width: 100%;
	padding-top: 65px;
	-webkit-background-size: revert;
	background-size: revert;
}

.recover .scene>h1 {
	margin-bottom: 50px;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
}

.recover .scene .scene-content {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.recover .scene .scene-content .scene-item {
	width: 280px;
	height: 330px;
	position: relative;
	transition: height 2s;
	-moz-transition: height 2s;
	/* Firefox 4 */
	-webkit-transition: height 2s;
	/* Safari 和 Chrome */
	-o-transition: height 2s;
	/* Opera */
	overflow: hidden;
}

.recover .scene .scene-content>div:first-child {
	background: url("../images/home_image_1.png") no-repeat center center;
	-webkit-background-size: revert;
	background-size: revert;
}

.recover .scene .scene-content>div:nth-child(2) {
	background: url("../images/home_image_2.png") no-repeat center center;
	-webkit-background-size: revert;
	background-size: revert;
}

.recover .scene .scene-content>div:nth-child(3) {
	background: url("../images/home_image_3.png") no-repeat center center;
}

.recover .scene .scene-content>div:nth-child(4) {
	background: url("../images/home_image_4.png") no-repeat center center;
}

.recover .resumed {
	padding: 60px;
	background: #f7f8fa;
	width: 1200px;
	margin: 0 auto;
}

.recover .resumed .show_list li {
	padding-top: 0 !important;
}

.recover .resumed .show_list li a {
	display: block;
	padding-top: 56px;
	height: 100%;
	box-sizing: border-box;
}

.recover .resumed>h1 {
	font-size: 28px;
	color: #1a1a1a;
	text-align: center;
	margin-bottom: 64px;
}

.recover .resumed ul li {
	width: 259px;
	height: 360px;
	display: inline-block;
	background: white;
	box-shadow: -1px 9px 14px 0px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	text-align: center;
	padding-top: 56px;
	box-sizing: border-box;
}

.recover .resumed ul li:not(:last-child) {
	margin-right: 50px;
}

.recover .resumed ul li a {
	color: #1A1A1A;
}

.recover .resumed ul li a:hover {
	text-decoration: none;
}

.recover .resumed ul li img {
	width: 112px;
	height: 109px;
	margin-bottom: 56px;
}

.recover .resumed ul li .p_21 {
	font-size: 21px;
	margin-bottom: 15px;
}

.recover .resumed ul li .p_16 {
	font-size: 16px;
	line-height: 26px;
	color: #666666;
}

.recover .resumed .resumed_bottom {
	margin-top: 50px;
	width: 100%;
	height: 70px;
	text-align: right;
}

.recover .resumed .resumed_bottom .img_bg {
	width: 276px;
	height: 70px;
	cursor: pointer;
}

.recover .evaluate-container {
	background-image: url("../images/foot.png");
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.recover .evaluate-container .bg-color {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.9;
}

.recover .evaluate-container .container {
	position: relative;
}

.recover .evaluate-container #swiperContent {
	position: relative;
}

.recover .evaluate-container .module-title {
	font-size: 34px;
	font-weight: bold;
	color: #333333;
	letter-spacing: 0;
	line-height: 36px;
	padding-top: 60px;
	text-align: center;
}

.recover .evaluate-container .swiper-container {
	width: 967px;
	padding: 50px 0 80px;
}

.recover .evaluate-container .swiper-container li {
	margin: 10px 20px;
	width: 310px;
	height: 380px;
	background: #FFFFFF;
	border-radius: 10px;
	padding: 77px 44px;
	box-sizing: border-box;
	cursor: pointer;
}

.recover .evaluate-container .swiper-container .swiper-slide-active {
	box-shadow: 0px 0px 26px 1px rgba(0, 34, 102, 0.1);
	border-radius: 10px;
}

.recover .evaluate-container .evaluate-user {
	text-align: center;
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 30px;
}

.recover .evaluate-container .evaluate-user img {
	width: 80px;
	height: 80px;
}

.recover .evaluate-container .evaluate-user .name {
	font-size: 16px;
	color: #000000;
	line-height: 16px;
	margin-top: 20px;
}

.recover .evaluate-container .evaluate-content {
	margin-top: 27px;
	font-size: 16px;
	color: #666666;
	letter-spacing: 0;
	line-height: 24px;
}

.footer-banner {
	background: url(../images/footer.png);
	background-size: 100% 100%;
	padding: 100px 0 100px 0;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	flex-wrap: nowrap;
}

.footer-banner .footer-banner_title {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 34px;
	color: #000000;
}

.footer-banner .footer-banner_subtitle {
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 22px;
	color: #244559;
	margin-top: 16px;
}

.footer-banner .theme-btn {
	display: block;
	width: 220px;
	height: 54px;
	text-align: center;
	background: #2C6BE9;
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	color: #EEEFF9;
	margin: 30px auto 0 auto;
	line-height: 54px;
	border-radius: 8px;
}

.footer-banner .theme-btn .iconfont {
	font-size: 18px;
	margin-right: 10px;
}

.copyright-wrapper {

	min-width: 1200px;
	background: #1a1717;
	text-align: center;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.6);
	padding: 19px 0;
}

.copyright-wrapper a {
	color: rgba(255, 255, 255, 0.6);
}

.copyright-wrapper a:hover {
	color: #fff;
}

.fixed-top {
	background: linear-gradient(136deg, #1b88f4 0%, #31a2ff 100%);
	border-radius: 4px;
	position: fixed;
	top: 45%;
	right: 20px;
	width: 80px;
	box-sizing: border-box;
	z-index: 100;
}

.fixed-top .line {
	border-top: 1px solid rgba(255, 255, 255, 0.38);
	width: 60px;
	margin: 0 auto;
}

.fixed-top .fixed-item {
	padding: 0 13px;
}

.fixed-top .fixed-item:active {
	background: #007CC4;
	color: #CCCCCC;
}

.fixed-top .fixed-item:active .iconfont {
	color: #CCCCCC;
}

.fixed-top .fixed-item a {
	color: #fff;
	display: flex;
	align-items: center;
	flex-direction: column;
	height: 76px;
	justify-content: center;
	text-decoration: none;
}

.fixed-top .fixed-item .iconfont {
	font-size: 20px;
	line-height: 1;
}

.fixed-top .fixed-item p {
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	line-height: 14px;
	padding-top: 10px;
}

.fixed-top .fixed-item:hover a,
.fixed-top .fixed-item:hover p {
	color: #D4F6FF;
}

.step-container .gif-container {
	width: 947px;
	height: 648px;
	margin: 0 auto 0;
	position: relative;
}

.step-container .gif-container .gif-container_bg {}

.step-container .gif-container .gif-container_content {
	box-shadow: 0px 2px 8px #dfdddd;
	-moz-box-shadow: 0px 2px 8px #dfdddd;
	-webkit-box-shadow: 0px 2px 8px #dfdddd;
	position: absolute;
	width: 997px;
	top: -30px;
	right: -26px;
}

.szgun {
	position: relative;
	left: 140px;
	top: -45px;
	display: inline-block;
	font-size: 16px;
	line-height: 1;
	color: #fff;
	vertical-align: bottom;
	margin-left: 25px;
}

.szgun span {
	color: #ffe933;
}

.support ul {
	width: 1053px;
	margin: 0 auto;
}

.support ul li {
	padding: 30px 28px 40px;
	float: left;
	margin-right: 30px;
	border-radius: 8px;
	background-color: #fff;
	width: 26%;
	height: 240px;
	margin-top: 30px;
}

.support ul li:nth-child(3n+3) {
	margin-right: 0px;
}

.support ul li p.function {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	margin-top: 20px;
}

.support ul li p.function-te {
	font-size: 14px;
	color: #999999;
	margin-top: 15px;
	height: 38px;
}

.support ul li samp {
	display: block;
	width: 34px;
	height: 4px;
	margin-top: 8px;
}

.support ul li samp.sb1 {
	background-color: #388dff;
}

.support ul li samp.sb2 {
	background-color: #ffaa00;
}

.support ul li samp.sb3 {
	background-color: #ff3939;
}

.support ul li samp.sb4 {
	background-color: #00ddd2;
}

.support ul li samp.sb5 {
	background-color: #5745ff;
}

.support ul li samp.sb6 {
	background-color: #ff67e1;
}

.support ul li a {
	display: block;
	color: #006dff;
	margin-top: 25px;
	padding-bottom: 10px;
}

.support ul li a.ab {
	color: #006dff;
}

.support ul li a.ab1 {
	color: #ffaa00;
}

.support ul li a.ab2 {
	color: #ff3939;
}

.support ul li a.ab3 {
	color: #00ddd2;
}

.support ul li a.ab4 {
	color: #5745ff;
}

.support ul li a.ab5 {
	color: #ffaa00;
}

.qcfd {
	clear: both;
}

.scene-content ul li {
	float: left;
	width: 22.9%;
	box-shadow: 0px 4px 13px 1px rgba(0, 0, 0, 0.06);
	margin-right: 26px;
	border-radius: 10px;
	height: 350px;
}
.step1 .restore ul li:hover
{transform: scale(1.05) translateY(-3px);
	box-shadow: 0px 4px 13px 1px rgba(0, 0, 0, 0.06);
}
.scene-content ul li:nth-child(4n+4) {
	margin-right: 0px;
}

.step3 ul li p.delete-te {
	font-size: 14px;
	color: #333333;
	text-align: center;
	font-weight: bold;
	margin-top: 14px;
}

.step3 ul li samp {
	font-size: 14px;
	font-family: "微软雅黑";
	color: #2C6BE9;
	margin-right: 5px;

}

.scene-content ul li p {
	font-size: 14px;
	color: #999999;
	line-height: 23px;
}

.step3 ul li .delete {
	padding: 10px;
}

.bananimg {
	height: 490px;
}

.wh12 {
	width: 1200px;
	margin: 0 auto;
}

.step .title {
	text-align: center;
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 32px;
	margin-top: 100px;
	margin-bottom: 65px;
	color: #000000;
}

.step .content ul li .inco {
	height: 112px;
}

.step .content ul li.on {
	cursor: pointer;
	position:relative;
}
.step .content ul li:nth-child(1)::after {
    content: "";
    position: absolute;
    bottom: 79px;
    left: 150%;
    width: 23px;
    height: 24px;
   background: url(../images/jiantou.png); 
background-size:100% 100%;
}
.step .content ul li:nth-child(2)::after {
    content: "";
    position: absolute;
    bottom: 79px;
    left: 150%;
    width: 23px;
    height: 24px;
   background: url(../images/jiantou.png); 
background-size:100% 100%;
}
.step .content ul li:nth-child(3)::after {
    content: "";
    position: absolute;
    bottom: 79px;
    left: 150%;
    width: 23px;
    height: 24px;
   background: url(../images/jiantou.png); 
background-size:100% 100%;
}


.step .content ul li.active p {
	color: #2C6BE9;
}

.step .content ul li p {
	font-family: Source Han Sans CN;
	font-weight: 400;
	margin-top: 40px;
	font-size: 18px;
	color: #4E5969;
}

.step .content ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.step .content ul li {
	text-align: center;
}

.effect .show1 ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.effect .show {
	display: none
}

.effect .show:nth-child(1) {
	display: block
}

.effect .show1 ul li.so {
	background: url(../images/icn1.png);
	background-size: 100% 100%;
	width: 32%;
	height: 256px;
}

.effect .show1 ul li {
	align-items: center;
	display: flex;
	justify-content: center;
	text-align: center;
}

.effect {
	margin-top: 50px;
}

.effect .show1 ul li.so1 {
	background: url(../images/icn2.png);
	background-size: 100% 100%;
	width: 49%;
	height: 256px;
}

.effect .show1 ul li {
	margin-top: 24px;
	cursor: pointer;
}

.effect .show1 ul li h3 {
	font-family: Source Han Sans CN;
	font-weight: bold;
	margin-top: 20px;
	font-size: 18px;
	color: #000000;
}

.effect .show1 ul li p {
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 14px;
	margin-top: 10px;
	color: #000000;
}

.effect .show1 ul li.so:hover {
	background: url(../images/icn01.png);
}

.effect .show1 ul li.so1:hover {
	background: url(../images/icn02.png);
}

.effect .show1 ul li:hover h3 {
	color: #fff;
}

.effect .show1 ul li:hover p {
	color: #fff;
}

.effect .show1 ul li:hover .xz01 {
	display: block;
	margin: 0 auto;
}

.effect .show1 ul li .xz01 {
	display: none;
	margin: 0 auto;
}

.effect .show1 ul li:hover .xz1 {
	display: none
}

.effect .show1 ul li .xz1 {
	display: block;
	margin: 0 auto;
}

.soright .so1 {
	display: none
}

.soright .so1:nth-child(1) {
	display: block
}

.soright .so1 img {
	height: 592px;
}

.effect .show2 .display {
	display: flex;
	flex-wrap: wrap;
	padding: 40px 0;
	align-items: center;
	justify-content: space-between;
}

.effect .show2 .display ul li {
	display: flex;
	margin-top: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: url(../images/soimg.png);
	cursor: pointer;
	min-height: 92px;
	background-size: 100% 100%;
	padding: 15px 30px;
	align-items: center;
}

.effect .show2 .display ul li:nth-child(1) {
	margin-top: 0;
}

.effect .show2 .display ul li.list {
	background: url(../images/soimg0.png);
	background-size: 100% 100%;
}

.effect .show2 .display ul li .soimg01 {
	display: none
}

.effect .show2 .display ul li.list .soimg01 {
	display: block
}

.effect .show2 .display ul li.list .soimg1 {
	display: none
}

.effect .show2 .display ul li .solift-title h3 {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 18px;
	color: #1D2129;
}

.effect .show2 .display ul li.list .solift-title h3 {
	color: #fff;
}

.effect .show2 .display ul li.list .solift-title p {
	color: #fff;
}

.effect .show2 .display ul li .solift-title p {
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #1D2129;
	font-size: 14px;
}

.effect .show2 .solift {
	width: 36%;
}

.effect .show2 .display ul li .solift-img {
	margin-right: 8px;
}

.show3 .display {
	display: flex;
	flex-wrap: wrap;
	padding: 40px 0;
	align-items: center;
	justify-content: space-between;
}

.show3 .display .lift img {
	height: 528px;
}

.show3 .display .right img {
	height: 592px;
}

.step .bnt {
	display: block;
	width: 220px;
	height: 54px;
	text-align: center;
	background: #2C6BE9;
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	color: #EEEFF9;
	margin: 65px auto 100px;
	line-height: 54px;
	border-radius: 8px;
}

.step1 {
	box-sizing: border-box;
	background: #F6F9FF;
	-moz-box-sizing: border-box;
	padding: 100px 0;
}

.step1 .restore h2 {
	text-align: center;
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 32px;
	margin-bottom: 27px;
	color: #000000;
}

.step1 .restore ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.step1 .restore ul li {
	transition: transform .4s cubic-bezier(.075, .82, .165, 1) 0ms, box-shadow .4s cubic-bezier(.075, .82, .165, 1) 0ms, opacity .4s cubic-bezier(.075, .82, .165, 1) 0ms, border-color .4s cubic-bezier(.075, .82, .165, 1) 0ms;
	background: #FFFFFF;
	width: 22.9%;
	text-align: center;
cursor:pointer;
	margin-top: 38px;
	border-radius: 4px;
}

.step1 .restore ul li h3 {
	font-family: Source Han Sans CN;
	font-weight: bold;
	margin-top: 22px;
	font-size: 20px;
	color: #2C6BE9;
}

.step1 .restore ul li p {
	font-family: Source Han Sans CN;
	font-weight: 400;
	padding: 0 30px;
	font-size: 14px;
	margin-bottom: 30px;
	margin-top: 12px;
	color: #333333;
}

.step1 .restore ul li img {
	width: 100%;
}

.step2 {
	background: url(../images/jux.png);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	object-fit: cover;
	background-size: 100% 100%;
	padding: 100px 0 80px 0;
}

.step2 h2 {
	text-align: center;
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 32px;
	color: #000000;
}

.step2 a {
	display: block;
	width: 220px;
	height: 54px;
	text-align: center;
	background: #2C6BE9;
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	color: #EEEFF9;
	margin: 100px auto 0 auto;
	line-height: 54px;
	border-radius: 8px;
}
.step2 .vs{width: 100%;margin-top: 70px;}
.step3 {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #F6F9FF;
	padding: 100px 0;
}

.step3 H2 {
	text-align: center;
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 32px;
	margin-bottom: 27px;
	color: #000000;
}

.step3 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.step3 ul li {
	background: #FFFFFF;
	width: 22.9%;
   transition: transform .4s cubic-bezier(.075, .82, .165, 1) 0ms, box-shadow .4s cubic-bezier(.075, .82, .165, 1) 0ms, opacity .4s cubic-bezier(.075, .82, .165, 1) 0ms, border-color .4s cubic-bezier(.075, .82, .165, 1) 0ms;

	box-shadow: 0px 4px 13px 1px rgba(0, 0, 0, 0.06);
	margin-top: 38px;
	border-radius: 4px;
}
.step3 ul li:hover
{transform: scale(1.05) translateY(-3px);}
.step3 ul li .ico {
	width: 100%;
	height: 170px;
	align-items: center;
	display: flex;
	justify-content: center;
	text-align: center;
}

.step3 ul li:nth-child(1) .ico {
	background: url(../images/ico1.png);
	background-size: 100% 100%;
}

.step3 ul li:nth-child(2) .ico {
	background: url(../images/ico2.png);
	background-size: 100% 100%;
}

.step3 ul li:nth-child(3) .ico {
	background: url(../images/ico3.png);
	background-size: 100% 100%;
}

.step3 ul li:nth-child(4) .ico {
	background: url(../images/ico4.png);
	background-size: 100% 100%;
}

.step3 ul li .ico p {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
}

.step3 ul li .ico .teke {
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 14px;
	color: #999999;
}

.step3 ul li .delete {
	max-height: 155px;
	min-height: 155px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.step3 ul li .delete p {
	font-family: Source Han Sans CN;
	font-weight: 400;
	margin-top: 10px;
	font-size: 14px;
	color: #999999;
}

.step3 ul li a {
	display: block;
	width: 80%;
	height: 54px;
	text-align: center;
	background: #2C6BE9;
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	color: #EEEFF9;
	margin: 10px auto 20px auto;
	line-height: 54px;
	border-radius: 8px;
}
.banne{position:relative;}
.banne .tx{-webkit-animation: scale1 1s ease-out;
	-moz-animation: scale1 1s ease-out;
	animation: scale1 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}
.banne .dtt1{
	position:absolute;left:227px;top:52px;
}
.banne .dtt2{
	position:absolute;right:122px;top:141px;
}
.banne .dtt3{
	position:absolute;right:153px;top:339px;
}
.banne .dtt4{
	position:absolute;left:121px;top:345px;
}
.banne .dtt5{
	position:absolute;left:71px;top:190px;
}
.banne .dtt0{
	position:absolute;left:0px;top:0px;
}
.bananimg1{display: none}
@keyframes scale1 {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.3);
	}
}
@keyframes scale2 {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.1);
	}
}
@media screen and (max-width: 1220px){
	.step .content ul li:nth-child(1)::after {
    left: 130%;
  
}
.step .content ul li:nth-child(2)::after {
    left: 130%;
}
.step .content ul li:nth-child(3)::after {
    left: 130%;
}
	.recover .header .container{width: 100%;padding: 0 20px;box-sizing:border-box;
-moz-box-sizing:border-box; }
	.wh12{width: 100%;padding: 0 20px;box-sizing:border-box;
-moz-box-sizing:border-box; }
	.copyright-wrapper{width: 100%;box-sizing:border-box;
-moz-box-sizing:border-box;min-width: 100%;}
	.width-1200, .recover .scene .scene-content, .recover .support, .recover .step .content{
		width: 100%;padding: 0 20px;box-sizing:border-box;
-moz-box-sizing:border-box;
	}
	.recover .header .container .container-main{width: 45%;}
	.banne{width: 55%;position:relative;}
	
	.banne img.bananimg{height: auto;width: 100%}
	.recover .header .container .container-main>h1{font-size: 38px;}
	.recover .header .container .container-main>h3 a{font-size: 26px;}
	.recover .header .nav{width: 100%;padding: 0 20px;box-sizing:border-box;
-moz-box-sizing:border-box; }
	.recover .header{height: auto}
	.recover .header .container{display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;}
	.recover .header .container .container-main{height: auto}
	.recover .header .container{padding: 50px 20px;}
	.soright .so1 img{width: 100%;height: auto}
	.effect .soright{width: 64%}
	.show3 .display .lift{width: 40%}
	.show3 .display .right{width: 60%}
	.show3 .display .lift img{width: 100%;height: auto}
	.show3 .display .right img{width: 100%;height: auto}
	.recover .header .container .container-main>h3{margin-top: 0}
	
.banne .dtt1 {
    position: absolute;
    left: 16.5vw;
    top: 3.7vw;
}
.banne .dtt2{
	position: absolute;
    right: 8.6vw;
    top: 10.5vw;
}
.banne .dtt3{
	position: absolute;
    right: 11vw;
    top: 25vw;
}
.banne .dtt4{
	position: absolute;
    left: 9vw;
    top: 25.3vw;
}
.banne .dtt5{
	position: absolute;
    left: 5vw;
    top: 14vw;
}
	
	
}   
@media screen and (max-width: 1000px){
.step .content ul li:nth-child(1)::after {
    left: 110%; 
}
.step .content ul li:nth-child(2)::after {
    left: 110%;
}
.step .content ul li:nth-child(3)::after {
    left: 110%;
}
	.recover .evaluate-container .swiper-container{width: 100%}
	.recover .header .container .container-main>h3{margin-top: 80px;}
	.recover .header .container{display: inherit;}
	.recover .header .container .container-main{
		width: 100%
	}
	.recover .header .container .container-main{align-items: center;}
	.banne{width: 80%}
	.recover .header .container .container-main>p{text-align:center;width: auto;}
	.recover .header .container .container-main .download .download-btn{margin:  0 auto}
	.banne{margin: 0 auto;}
	.step .content ul li.on{width: 20%;}
	.step .content ul li .inco{height: 100px;}
	.step .content ul li p{font-size: 16px;}
	.recover .header .nav .header-content ul li:nth-child(1){display: none}
	.recover .header .nav .header-content .header-bar{justify-content: flex-end;flex-grow:1;}
	.header-content{display: flex;
    flex-direction: row;
    align-items: center;}
	.step1{padding: 80px 0;}
	.step2{padding: 80px 0 60px 0;}
	.step3{padding: 80px 0 60px 0;}
	.step .bnt{margin: 35px auto 50px}
	.step .title{margin-top: 80px;
    margin-bottom: 35px;}
	.step1 .restore ul li{width: 48%;}
	.step3 ul li{width: 48%}
	
	.banne .dtt1 {
    position: absolute;
    left: 23.5vw;
    top: 5.7vw;
}
	.banne .dtt2 {
    position: absolute;
    right: 12.6vw;
    top: 15vw;
}
	.banne .dtt3 {
    position: absolute;
    right: 16vw;
    top: 36vw;
}
	.banne .dtt4 {
    position: absolute;
    left: 12vw;
    top: 36.7vw;
}
	.banne .dtt5 {
    position: absolute;
    left: 7.5vw;
    top: 20.3vw;
		    height: 10px;
}
}

@media screen and (max-width: 750px){
	.bananimg{display: none}
	.bananimg1{display: block;width: 100%;-webkit-animation: scale2 1s ease-out;
	-moz-animation: scale2 1s ease-out;
	animation: scale2 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}
	.banne .tx{display: none}
	
	.step .content ul li:nth-child(2)::after {
    left: 110%;display: none;
}
	.office{display: none}
	.step1{padding: 50px 0;}
	.step2{padding: 50px 0 30px 0;}
	.step3{padding: 50px 0 30px 0;}
	.step .title{margin-top: 50px;}
	.effect .show2 .solift{width: 100%}
	.effect .soright{width: 100%}
	.show3 .display .lift img{margin: 0 auto}
	.show3 .display .right img {
    width: 100%;
    height: auto;
	}.footer-banner .footer-banner_title{font-size: 26px;}
	.footer-banner .footer-banner_subtitle{font-size: 16px;text-align:center; }
	.step .content ul li p{margin-top: 10px;}
	.step .content ul li.on{width: 45%}
	.step .content ul li.on1 img{height: 12px;}
	.step1 .restore h2{font-size: 28px;}
	.step2 h2{font-size: 28px;}
	.recover .header{min-width: 100%;}
	.step .content ul li.on2{display: none}
	.step .content ul li{margin-top: 10px;}
}
@media screen and (max-width: 640px){
	.recover .header .nav .header-content .logo-container>span{display: none}
}
@media screen and (max-width: 520px){
	.step1 .restore ul li{width: 100%;}
	.step3 ul li{width: 100%}
	.recover .header .nav .header-content .header-bar{width: 116px;}
	.recover .header .nav .header-content .header-bar>li>a.sa_download{margin-left: 0;}
	.step .title{font-size: 28px;}
}