@charset "UTF-8";
/* banner&下载信息 */
header .top-welcome {background: url("../images/zbanner.png") center bottom;color: #ffffff;height: 550px;min-width:1200px;}
header .top-welcome .upload {width: 1200px;padding-top: 70px;display: inline-block;position: relative;height: 370px;}
header .top-welcome .title {font-size: 60px;text-align:left;margin-bottom: 37px;}
header .top-welcome .title font {color:#f4fc2c;}
header .top-welcome .desc {text-align:left;font-size: 24px;line-height: 42px;letter-spacing: 1px;color: #ffffff;}
header .top-welcome .subtitle {text-align:left;padding:12px 0 72px 0;font-size: 16px;line-height: 24px;letter-spacing: 1px;color: #ffffff;}
header .top-welcome .down-bg {width: 200px;height: 50px;font-size: 24px;line-height: 50px;color: #4f66ef;letter-spacing: 2px;background-color: #fcfd1c;box-shadow: 0px 1px 4px 0px #3750e4;border-radius: 25px;display:inline-grid;margin-top: 60px;margin-right: 30px;}
header .top-welcome .down-sm {clear:both;float:left;text-align: center;margin-top: 10px;}
header .top-welcome .down-sm a {width: 93px;text-align:center;font-size: 16px;line-height: 33px;letter-spacing: 1px;color: #ffffff;margin-top: 6px;}
header .top-welcome .down-sm .offset {/* margin-left:36px; */}
header .top-welcome .down-sm .vertical {width: 1px;height: 12px;display: inline-block;background-color: #ffffff;}
header .top-welcome .down-sm span {display:block;font-size: 16px;line-height: 30px;letter-spacing: 1px;color: #ffffff;}
.content-left{position: absolute;width: 510px;height: 390px;right:0;bottom: 0px;box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);}
.content-left img{width:510px;height:390px;}
/* item */
.item {
	padding-top: 44px;
}

.item li {
	display: inline-block;
	margin-left: 11px;
	width: 181px;
	height: 108px;
	background-color: #f4f4f4;
	border-radius: 20px;
}
.item li:nth-child(1){
	margin-left:;
}
.item li.active {
	background-color: #0057d5;
	box-shadow: 0px 9px 10px 0px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
}
.item li.active  span{
	color: #fff;
}


.item li img {
	float: left;
	padding: 32px 10px 0 12px;
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
}

.item li .item-title {
	float: left;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 1px;
	margin: 28px 0 0 0px;
}

.item li .item-subtitle {
	float: left;
	line-height: 15px;
	letter-spacing: 1px;
	margin: 2px 0 0 0px;
	font-size: 16px;
}

/* 内容区域 */
.step {
	padding-top: 93px;
}
.step .step-title {
	font-size: 45px;
	line-height: initial;
	text-align:center;
	letter-spacing: 2px;
	color: #0057d5;
	font-weight: bold;
}
.step .step-title font {
	font-size: 45px;
	letter-spacing: 2px;
	color: #1f2233;
}
.step .description {
	width: 1150px;
	margin-top: 30px;
	font-size: 26px;
	color: #666666;
	line-height: 35px;
	letter-spacing: 1px;
	padding-left: 20px;
	text-indent: 2em;
	text-align: left;
	margin-bottom:20px;
	display: block;
}
.stept{
	padding-top:35px;
}
.step .box {
	height: 100%;
	width: 1200px;
	display: inline-block;
	overflow: hidden;
	padding-top: 28px;
}

/* .step .box .images {width:525px;height:363px;border: 1px solid #ddd;} */
.step .ps {
	margin-top: 20px;
	text-align: left;
	font-size: 16px;
	line-height: 24px;
	color: #666666;
}

.step .item1 {
	/* margin-top: 35px; */
}

.step .item1 .method-title {
	font-size: 32px;
	line-height: 30px;
	letter-spacing: 2px;
	color: #1a1a1a;
	margin-bottom: 84px;
}

.step .item1 .left {
	width: 660px;
	margin-left:30px;
}

.step .item1 .left .t1 {
	width: 272px;
	height:50px;
	font-size:32px;
	color:#fff;
	text-align: left;
	padding-left:20px;
	line-height:50px;
	background:url(../images/ty.png)  center bottom;
	margin-top: 50px;
	margin-bottom:20px;
}

.step .item1 .left .desc {
	text-align: left;
	margin-bottom:5px;
}

.step .item1 .left .desc .text {
	width: 570px;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #666666;
	display: inline-table;
}

.step .item1 .left .desc .xh {
	width: 18px;
	display: inline-table;
}

.step .item1 .left .desc .xh img {
	margin-right: 10px;
}

.step .item2 {
	/* margin-top: 48px; */
}

.step .item2 .method-title {
	font-size: 32px;
	line-height: 30px;
	letter-spacing: 2px;
	color: #1a1a1a;
	margin-bottom: 84px;
}

.step .item2 .left {
	width: 514px;
}

.step .item2 .left .t1 {
	width: 272px;
	height:50px;
	font-size:32px;
	color:#fff;
	text-align: left;
	padding-left:20px;
	line-height:50px;
	background:url(../images/ty.png)  center bottom;
	margin-top: 50px;
	margin-bottom:20px;
}

.step .item2 .left .desc {
	text-align: left;
}

.step .item2 .left .desc .text {
	width: 470px;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 1px;
	color: #666666;
	display: inline-table;
}

.step .item2 .left .desc .xh {
	width: 18px;
	display: inline-table;
}

.step .item2 .left .desc .xh img {
	margin-right: 10px;
}







/* 清楚浮动 */
.flo:after {
	content: " ";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
	clear: both;
}

/*兼容IE浏览器*/
.flo {
	zoom: 1;
}
.tutorial-main{
	position: relative;
}

.tutorial-main article {
	width: 920px;
	box-shadow: 0px 1px 7px 0px rgba(98, 127, 107, 0.2);
	padding-top: 50px;
	padding-bottom: 100px;
	display: inline-block;
	float: left;
}

.tutorial-main article>div {
	width: 95%;
	margin: auto;
}



.tutorial-main .description1 {
	width: 100%;
	padding: 0px;
	font-size: 18px;
	font-weight: normal;
}

.tutorial-main-div1 {
	text-align: left;
}

.tutorial-main-div1 i {
	background: #00C96E;
	display: inline-block;
	width: 17px;
	padding-right: 3px;
	height: 20px;
	border-radius: 100%;
	color: #fff;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	margin-right: 10px;
	vertical-align: top;
	margin-top: 5px;
}

.tutorial-main-div1 img {
	display: block;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	width: 490px;
	box-shadow: 0px 1px 7px 0px rgba(98, 127, 107, 0.5);
}

.tutorial-main-div1 span {
	display: inline-block;
	width: 96%;
}

.tutorial-main-div1 .tutorial-main-p1 {
	padding-top: 100px;
	font-size: 30px;
	padding-bottom: 30px;
}

.tutorial-main-div1 .tutorial-main-p2 {
	text-align: left;
	line-height: 30px;
}

.tutorial-main-div1 .tutorial-main-p3 {
	margin-top: 150px;
	margin-bottom: 50px;
	text-align: center;
	/* line-height: 30px; */
	font-size: 30px;
}

.tutorial-main-div1 .tutorial-main-p4 {
	margin-top: 50px;
	margin-bottom: 20px;
	text-align: left;
	line-height: 30px;
	font-size: 25px;
}




/* 侧边栏 */
.tutorual-aside {
	float: right;
	vertical-align: top;
	display: inline-block;
	width: 240px;
}


.tutorual-aside>div>span{
    display: inline-block;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.tutorual-aside>div>div p {
	font-size: 22px;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 1px;
	color: #1ec456;
	padding-top: 52px;
	text-align: center;
}
.tutorual-aside>div>div span {
		font-size: 30px;
		line-height: 26px;
		color: #3CCC6A;
		opacity: 0.87;
		position: absolute;
		top: 11px;
		right: 8px;
}

.tutorual-aside>div>div {
	cursor: pointer;
	width: 240px;
	height: 210px;
	box-shadow: 0px 1px 7px 0px rgba(98, 127, 107, 0.2);
	position: relative;
	background: url(../images/index/default_bg.png)no-repeat center center;
}
.tutorual-action span{
	color: #fff;
}
.tutorual-action p{
	color: #fff;
}
.tutorual-aside-div1 div{
	width: 117px;
	height: 100px;
	margin: auto;
	margin-top: 15px;
	background: url(../images/index/USBdrive.png)no-repeat ;
}
.tutorual-aside-div1:hover div{
	background: url(../images/index/USBdrive.png)no-repeat -117px 0px;
}
.tutorual-aside-div2 div{
	width: 103px;
	height: 100px;
	margin: auto;
	margin-top: 15px;
	background: url(../images/index/pe.png)no-repeat ;
}
.tutorual-aside-div2:hover div{
	background: url(../images/index/pe.png)no-repeat -103px 0px;
}

.tutorual-aside-div3 div{
	width: 106px;
	height: 100px;
	margin: auto;
	margin-top: 15px;
	background: url(../images/index/Reinstallsystem.png)no-repeat ;
}
.tutorual-aside-div3:hover div{
	background: url(../images/index/Reinstallsystem.png)no-repeat -106px 0px;
}



.tutorual-aside>div>div:hover{
	background: url(../images/index/activation_bg.png)no-repeat center center;
}
.tutorual-aside>div>div:hover span{
	color: #fff;
}
.tutorual-aside>div>div:hover p{
	color: #fff;
}

.tutorual-aside .tutorual-action{
	background: url(../images/index/activation_bg.png)no-repeat center center;
}
.tutorual-aside .tutorual-action span{
	color: #fff;
}
.tutorual-aside .tutorual-action p{
	color: #fff;
}

.tutorual-aside .tutorual-action1 div{
	background: url(../images/index/USBdrive.png)no-repeat -117px 0px;
}
.tutorual-aside .tutorual-action2 div{
	background: url(../images/index/pe.png)no-repeat -103px 0px;
}
.tutorual-aside .tutorual-action3 div{
	background: url(../images/index/Reinstallsystem.png)no-repeat -106px 0px;
}

.rsg{
	width: 510px;
	height:360px;
	border-radius:15px;
	box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
	
}
.rsg img{
	width: 510px;
	height:360px;
	border-radius:15px;;
}
.common_bt{
	font-size:35px;
	padding:40px 0 10px;
	color:#353535;
}