@charset "utf-8";
/* CSS Document */
/*modal-titles*/
.module-titles h3 {
	font-weight: lighter;
	color: #333333;
	}
.module-titles p {
	max-width: 800px;
	margin: 30px auto 0;
	font-size: 20px;
	font-weight: lighter;
	color: #666666;
	}
@media (max-width: 575px) {
	.module-titles h3 {font-size: 24px;}
	}
/*modal-titles-end*/
/*banner*/
.banner{
	height: 687px;
	padding-top: 120px;
	background: url("/images/bg/mac-data-recovery-bg.jpg") top center;
	-webkit-background-size: cover; background-size: cover;
	}
.banner h1{
	margin-bottom: 20px;
	font-size: 60px;
	color: #333333;
	font-weight: normal;
	}
.banner h2{
	margin-bottom: 54px;
	font-size: 30px;
	color: #333333;
	font-weight: lighter;
	}
.banner h3{
	font-size: 24px;
	color: #333333;
	font-weight: lighter;
	}
.banner h4{
	margin-bottom: 20px;
	font-size: 24px;
	color: #4c4c4c;
	font-weight: normal;
	}
.banner .stress{font-size: 30px;font-weight: 500;}
/*按钮样式*/
.banner .btn-left, .btn-right {
	position: relative;
	width: 260px;
	height: 68px;
	margin-top: 60px;
	}
.banner .spe{margin-top: 14px;}
.banner .btn-left a, .btn-right a {
	position: absolute;
	top: 0; left: 0;
	display: block;
	z-index: 2;
	width: 100%;
	height: 100%;
	font-size: 24px;
	color: #fff;
	text-align: center;
	}
.banner .btn-left i, .banner .btn-right i {
	position: absolute; left: 50%; top: 50%;
	display: block;
	width: 100px;
	height: 10px;
	margin: -5px 0 0 -50px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}
.banner .btn-left a:hover, .banner .btn-right a:hover { text-decoration: none; }
.banner .btn-left:hover i, .banner .btn-right:hover i {
	-webkit-transform: scale(2.6, 6.8);
	transform: scale(2.6, 6.8);
	}
/*btn-left*/
.banner .btn-left {
	margin-bottom: 12px;
	background: #0098ff;
	}
.banner .btn-left a .icon-mac {
	position: absolute;
	top: 17px;
	left: 52px;
	font-size: 33px;
	}
.banner .btn-left a .icon-win {
	position: absolute;
	top: 18px;
	left: 52px;
	font-size: 33px;
	}
.banner .btn-left a .text {
	position: absolute;
	top: 17px;
	left: 106px;
	}
.banner .btn-left:hover i { background: #0084ff; }
/*btn-right*/
.banner .btn-right {margin-bottom: 12px;background: #ffae00;}
.banner .btn-right a .icon-buy, .banner .btn-right a .icon-win {
	position: absolute;
	top: 21px;
	left: 54px;
	font-size: 26px;
	}
.banner .btn-right a .text {
	position: absolute;
	top: 18px;
	left: 106px;
	}
.banner .btn-right:hover i {background: #ff9600;}
/*按钮样式-end*/
@media (max-width: 1199px) {
	.banner h1 {font-size: 50px;}
	.banner h2 {
		margin-bottom: 40px;
		font-size: 26px;
		}
	.banner h3 {font-size: 20px;}
	.banner h4, .banner .stress {
		margin-bottom: 16px;
		font-size: 18px;
		}
	}
@media (max-width: 767px) {
	.banner {
		height: 600px;
		padding-top: 50px;
		}
	.banner h1 {
		font-size: 30px;
		}
	.banner h2 {
		margin-bottom: 40px;
		font-size: 20px;
		}
	.banner h3 {
		font-size: 16px;
		}
	.banner h4, .banner .stress {
		font-size: 16px;
		}
	.banner .btn-left {margin-top: 40px;margin-bottom: 20px;}
	.banner .btn-right {margin-top: 0;}
	}
/*banner-end*/
/*point*/
.point{
	padding: 40px 0 80px;
	text-align: center;
	}
.point p{
	margin-top: 16px;
	font-size: 18px;
	color: #4c4c4c;
	}
.point .icon-specialty, .point .icon-safety, .point .icon-briefness{
	font-size: 50px;
	color: #666666;
	}
.point .line{
	height: 1px;
	background-color: #e0e0e0;
	}
/*point-end*/
/*features*/
.features{padding: 0 0 20px;}
.features .module-titles {margin-bottom: 80px;}
.features .item{margin-bottom: 70px;}
.features .img01, .features .img02, .features .img03, .features .img04, .features .img05, .features .img06, .features .img07, .features .img08, .features .img09 {	margin: 0 auto 20px;}
.features .img01, .features .img02, .features .img03{height: 60px;}
.features .img04, .features .img05, .features .img06{height: 75px;}
.features .img07, .features .img08, .features .img09{height: 68px;}
.features .img01{
	width: 79px;
	background: url("/images/icon.png") no-repeat -228px -144px;
	}
.features .img02{
	width: 60px;
	background: url("/images/icon.png") no-repeat -307px -144px;
	}
.features .img03{
	width: 60px;
	background: url("/images/icon.png") no-repeat -367px -144px;
	}
.features .img04{
	width: 74px;
	background: url("/images/icon.png") no-repeat 0 -150px;
	}
.features .img05{
	width: 84px;
	background: url("/images/icon.png") no-repeat -74px -150px;
	}
.features .img06{
	width: 70px;
	background: url("/images/icon.png") no-repeat -158px -150px;
	}
.features .img07{
	width: 46px;
	background: url("/images/icon.png") no-repeat -252px -76px;
	}
.features .img08{
	width: 53px;
	background: url("/images/icon.png") no-repeat -298px -76px;
	}
.features .img09{
	width: 68px;
	background: url("/images/icon.png") no-repeat -351px -76px;
	}
.features .item p{
	font-size: 18px;
	color: #4c4c4c;
	text-align: center;
	}
@media (max-width: 767px) {
	.features .item p{
		font-size: 16px;
		}
	}
@media (max-width: 575px) {
	.features .module-titles {margin-bottom: 40px;}
	.features .item{margin-bottom: 0;}
	}
/*features-end*/
/*userGuide*/
.userGuide {
	padding: 100px 0 80px;
	background: #f6f8fd url("/images/bg/user-guide-step-bg.png") no-repeat 200px 318px;
	}
.userGuide .module-titles p{margin-bottom: 80px;}
.userGuide .userGuide-step {
	margin-left: 16px;
	border-left: 1px dashed #a8a8a8;
	}
.userGuide .userGuide-step li {
	position: relative;
	padding-left: 30px;
	margin-top: 100px;
	cursor: pointer;
	color: #4c4c4c;
	}
.userGuide .userGuide-step li p{font-size: 28px;}
.userGuide .userGuide-step li:first-child{margin-top:0;}
.userGuide .userGuide-step li span {
	position: absolute;
	top: 2px;
	left: -17px;
	display: inline-block;
	width: 34px;
	height: 34px;
	border-radius: 17px;
	background: transparent;
	}
.userGuide .userGuide-step li span i {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 5px;
	border-radius: 12px;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	line-height: 25px;
	background: #888888;
	}
.userGuide .userGuide-step .current > .step-title { color: #0075ef; }
.userGuide .userGuide-step .current > span { background: #d4e9ff; border: none; color: #fff; }
.userGuide .userGuide-step .current > span i { background: #0075ef; border: none; color: #fff; }
.userGuide .userGuide-img li {
	position: absolute;
	top: 0; right: 0;
	display: none;
	width: 100%;
	height: auto;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	animation: scale8 .6s ease both;
	}
@keyframes scale8 {
	from { transform: scale(0.8, 0.8); }
	}
.userGuide .userGuide-img li img {
	height: auto;
	box-shadow: 0 2px 10px #d6e1f1;
	}
@media (max-width: 1599px) {
	.userGuide .userGuide-img li img {max-width: 100%;}
	}
.userGuide .userGuide-img { min-height: 420px; }
@media (max-width: 1422px) {
	.userGuide .userGuide-step li {margin-top: 90px;}
	.userGuide .userGuide-step li p {font-size: 26px;}
	.userGuide .userGuide-img { min-height: 360px; }
	}
@media (max-width: 1199px) {
	.userGuide .userGuide-step li {margin-top: 90px;}
	.userGuide .userGuide-img { min-height: 350px; }
	}
@media (max-width: 991px) {
	.userGuide .userGuide-step li {margin-top: 20px;}
	.userGuide .userGuide-img { min-height: 420px; }
	}
@media (max-width: 768px) {
	.userGuide .userGuide-step li p {font-size: 24px;}
	.userGuide .userGuide-img { min-height: 320px; }
	}
@media (max-width: 576px) {
	.userGuide .userGuide-step li p {font-size: 20px;}
	.userGuide .userGuide-img { min-height: 270px; }
	}
@media (max-width: 414px) {
	.userGuide {padding-top: 50px;}
	.userGuide .userGuide-img { min-height: 190px; }
	}
/*userGuide-end*/
/*note*/
.note {
	color: #ffffff;
	background: -webkit-linear-gradient(#00a2ff, #0075ef); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#00a2ff, #0075ef); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#00a2ff, #0075ef); /* Firefox 3.6 - 15 */
	background: linear-gradient(#00a2ff, #0075ef); /* 标准的语法 */
	}
.note .container{	background: url("/images/bg/bolt.png") no-repeat left center;}
.note .titles{
	padding-top: 100px;
	margin-bottom: 60px;
	text-align: center;
	}
.note .titles h2{
	margin-bottom: 16px;
	font-size: 44px;
	font-weight: 600;
	}
.note .titles p {
	max-width: 700px;
	margin: 0 auto;
	font-size: 18px;
	}
.note .cont-title{
	font-size: 20px;
	font-weight: bold;
	}
.note .cont-title .icon-warning{
	margin-right: 8px;
	}
.note ul{margin-bottom: 70px;}
.note ul li{margin-bottom: 10px;}
@media (max-width: 575px) {
	.note .titles {padding-top: 40px;margin-bottom: 40px;}
	.note .titles h2 {font-size: 32px;}
	.note .titles p {font-size: 14px;}
	.note .cont-title {font-size: 18px;}
	.note ul {margin-bottom: 50px;}
	}
/*note-end*/
/*format*/
.format{
	padding: 90px 0;
	text-align: center;
	color: #4c4c4c;
	background: url("/images/bg/format-bg.jpg") top center;
	-webkit-background-size: cover; background-size: cover;
	}
.format .module-titles {margin-bottom: 100px;}
.format h4{
	margin-bottom: 30px;
	font-size: 26px;
	}
.format .item h4 .icon-file{
	margin-right: 14px;
	color: #f2bc0c;
	}
.format .item h4 .icon-picture{
	margin-right: 14px;
	color: #ed6a6a;
	}
.format .item h4 .icon-music{
	margin-right: 14px;
	color: #62c240;
	}
.format .item p{
	font-size: 18px;
	}
@media (max-width: 991px) {
	.format {padding-bottom: 60px;}
	.format .module-titles {margin-bottom: 60px;}
	.format h4 {
		margin-bottom: 20px;
		font-size: 24px;
		}
	.format .item p {font-size: 16px;}
	}
@media (max-width: 767px) {
	.format h4 {
		margin-bottom: 20px;
		font-size: 20px;
		}
	.format .item p {font-size: 14px;}
	}
@media (max-width: 575px) {
	.format {padding: 60px 0 20px;}
	.format .item{margin-bottom: 20px;}
	}
/*format-end*/
/*equipment*/
.equipment{
	padding: 120px 0;
	text-align: center;
	}
.equipment .module-titles {margin-bottom: 70px;}
.equipment .item{
	padding: 60px 120px 40px;
	border: 1px #cccccc solid;}
.equipment .item h4{
	margin-bottom: 30px;
	font-size: 22px;
	color: #4c4c4c;
	}
.equipment .item h4 .icon-mac1, .equipment .item h4 .icon-hdd, .equipment .item h4 .icon-usb, .equipment .item h4 .icon-sd, .equipment .item h4 .icon-camera, .equipment .item h4 .icon-other {
	margin-right: 14px;
	vertical-align: text-bottom;
	}
.equipment .item h4 .icon-mac1 {
	font-size: 39px;
	color: #5396d7;
	}
.equipment .item h4 .icon-hdd {
	font-size: 50px;
	color: #ef7979;
	}
.equipment .item h4 .icon-usb {
	font-size: 49px;
	color: #67bd75;
	}
.equipment .item h4 .icon-sd {
	font-size: 43px;
	color: #c78ddc;
	}
.equipment .item h4 .icon-camera {
	font-size: 40px;
	color: #3daef6;
	}
.equipment .item h4 .icon-other {
	font-size: 46px;
	color: #f3ae71;
	}
.equipment .item p {
	font-size: 14px;
	color: #5c5c5c;
	line-height: 30px;
	}
@media (max-width: 1422px) {
	.equipment .item {padding: 50px 90px 30px;}
	}
@media (max-width: 1199px) {
	.equipment .item {padding: 40px 60px 20px;}
	.equipment .item h4 {margin-bottom: 20px;}
	}
@media (max-width: 991px) {
	.equipment .item {padding: 30px 20px 10px;}
	.equipment .item h4 {
		margin-bottom: 16px;
		font-size: 20px;
		}
	}
@media (max-width: 767px) {
	.equipment .item {border-left: 1px #cccccc solid !important;}
	}
@media (max-width: 575px) {
	.equipment {padding: 80px 0 60px;}
	.equipment .module-titles {margin-bottom: 30px;}
	.equipment .item {border: none !important;}
	}
/*equipment-end*/
/*point2*/
.point2{
	padding: 60px 0 30px;
	text-align: center;
	color: #ffffff;
	background: url("/images/bg/point2-bg.jpg") top center;
	-webkit-background-size: cover; background-size: cover;
	}
.point2 h4{
	margin-bottom: 40px;
	font-size: 36px;
	font-weight: lighter;
	}
.point2 .icon-specialty1, .point2 .icon-rate, .point2 .icon-price{display: block;}
.point2 .icon-briefness, .point2 .icon-preview, .point2 .icon-chinese, .point2 .icon-support{display: block;	padding-top: 8px;font-size: 50px;}
.point2 .icon-specialty1, .point2 .icon-support{font-size: 50px;}
.point2 .icon-rate{padding-top: 2px; font-size: 48px;}
.point2 .icon-price{padding-top: 8px; font-size: 42px;}
.point2 .icon-preview{font-size: 46px;}
.point2 p{
	margin-top: 20px;
	font-size: 20px;
	font-weight: lighter;
	}
@media (max-width: 575px) {
	.point2 h4 {font-size: 24px;}
	.point2 p {font-size: 16px;}
	}
/*point2-end*/
/*user-review*/
.user-review {
	padding: 110px 0 80px;
	background: url("/images/bg/user-review-bg1.jpg") no-repeat top center fixed;
	-webkit-background-size: cover; background-size: cover;
	}
.user-review .module-titles {margin-bottom: 4.25rem;}
.user-review .module-titles .line {background: #a7aebd;}
.user-review .name{
	margin-bottom: 40px;
	font-size: 18px;
	color: #666666;
	}
.user-review .text{
	font-size: 18px;
	color: #666666;
	line-height: 48px;
	}
@media (max-width: 991px) {
	.user-review .slide .carousel-inner{ width: 100%;}
	}
@media (max-width: 575px) {
	.user-review {padding: 70px 0 ;}
	.user-review .name {margin-bottom: 20px;}
	}
@media (min-width: 992px) {
	.user-review .slide .carousel-inner{ width: 84%;}
	}
.carousel-control-prev{ opacity: 1; width: 10%; justify-content: flex-start;}
.carousel-control-next{ opacity: 1; width: 10%; justify-content: flex-end;}
.user-review .slide .icon-arrows-left, .user-review .slide .icon-arrows-right{
	font-size: 28px;
	color: #0098ff;
	color: rgba(0,152,255,.68);
	}
/*user-review-end*/
/*down-module*/
.down-module {
	padding: 100px 0;
	text-align: center;
	background: url("/images/bg/white-bg.jpg") no-repeat scroll top center;
	-webkit-background-size: cover; background-size: cover;
	}
.down-module h3{
	margin-bottom: 40px;
	font-size: 36px;
	color: #333333;
	}
.down-module p{
	margin-bottom: 70px;
	font-size: 22px;
	color: #666666;
	}
.down-module .down-btn {
	position: relative;
	margin: 0 auto 12px;
	width: 280px;
	height: 64px;
	background: #0098ff;
	}
.down-module .down-btn a {
	position: absolute;
	top: 0; left: 0;
	display: inline-block;
	z-index: 2;
	width: 100%;
	height: 100%;
	font-size: 1.625rem;
	color: #ffffff;
	}
.down-module .down-btn a .icon-down {
	position: absolute;
	top: 19px;
	left: 62px;
	font-size: 28px;
	}
.down-module .down-btn a .down-btn-text {
	position: absolute;
	top: 12px;
	left: 116px;
	}
.down-module .down-btn i {
	position: absolute; left: 50%; top: 50%;
	display: block;
	width: 100px;
	height: 10px;
	margin: -5px 0 0 -50px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}
.down-module .down-btn:hover i {
	-webkit-transform: scale(2.8, 6.4);
	transform: scale(2.8, 6.4);
	background: #0084ff;
	}
@media (max-width: 575px) {
	.down-module {padding: 70px 0;}
	.down-module h3 {
		margin-bottom: 20px;
		font-size: 30px;
		}
	.down-module p {
		margin-bottom: 50px;
		font-size: 18px;
		}
	}
/*down-module-end*/
/*nav*/
.nav{
	position: fixed;
	top: 0;
	visibility: hidden;
	height: 80px;
	-webkit-box-shadow: 0 2px 6px 0 #cbd9ee;-moz-box-shadow: 0 2px 6px 0 #cbd9ee;box-shadow: 0 2px 6px 0 #cbd9ee;
	background: #fff url("/images/bg/strip-bg.jpg") top center;
	-webkit-background-size: cover; background-size: cover;
	}
@media (max-width: 1278px) {
	.nav{display: none;}
	}
.nav p{
	font-size: 20px;
	color: #4c4c4c;
	line-height: 80px;
	}
.nav .btn {
	position: relative;
	width: 180px;
	height: 50px;
	margin-top: 14px;
	background: #0098ff;
	}
.nav .buy{background: #ffae00;}
.nav .btn a {
	position: absolute;
	top: 0; left: 0;
	display: block;
	z-index: 2;
	width: 100%;
	height: 100%;
	font-size: 20px;
	color: #fff;
	line-height: 24px;
	}
.nav .btn i {
	position: absolute; left: 50%; top: 50%;
	display: block;
	width: 100px;
	height: 10px;
	margin: -5px 0 0 -50px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}
.nav .btn a:hover{ text-decoration: none; }
.nav .btn:hover i {
	-webkit-transform: scale(1.8, 5);
	transform: scale(1.8, 5);
	background: #0084ff;
	}
.nav .buy:hover i {background: #ff9600;}
.nav .btn a .icon-mac, .nav .buy a .icon-buy {
	position: absolute;
	top: 12px;
	left: 28px;
	font-size: 26px;
	}
.nav .buy a .icon-buy {top: 13px;font-size: 23px;}
.nav .btn a .text {
	position: absolute;
	top: 14px;
	left: 68px;
	}
/*nav-end*/
.move-t { visibility: visible; animation: move-t .6s ease both; }
@keyframes move-t {
	from {
		opacity: 0;
		transform: translateY(-80px);
		}
	to {
		opacity: 1;
		transform: translateY(0);
		}
	}
/*support-side-info*/
.support-side .item{
	width: auto;
}
.support-side .item a {
	padding-left: 10px;
	padding-right: 10px;
}
@media (max-width: 1422px) {
	.support-side {
		position: fixed;
		top: 16%;
	}
}
.support-side:hover .support-side-info{
	display: block;
}
.support-side-info{
	display: none;
	position: absolute;
	right: 0;
	width: 220px;
	padding: 8px 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #ecf4ff;
}
.support-side-info .advisory-item{
	padding: 8px 16px 6px;
	margin-bottom: 8px;
	border-radius: 4px;
	background-color: #ffffff;
}
.support-side-info .advisory-item .ti{
	margin-bottom: 2px;
	font-size: 14px;
	font-weight: bold;
}
.support-side-info .advisory-item .text{
	margin-bottom: 0;
}
.support-side-info .advisory-item img{
	width: 100px;
}
/*support-side-info-end*/