/* 2020/04/29 build */
.box-title h2 {
	letter-spacing: 0.2rem !important;
}

.box-title h3 {
	margin-left: 5.8%;
}

.sec1 {
	padding: 8.3% 0 16.6%;
	background: #f1f1f1;
}

.sec1 .content-item {
	vertical-align: top;
	display: inline-block;
}

.sec1 .item-info {
	width: 35%;
	margin-left: 1.1%;
	padding-top: 0.6%;
}

.sec1 .item-info .box-tag {
	margin-top: 6%;
}

.sec1 .item-info .box-tag img {
	width: 13.4%;
	margin-right: 1.8%;
}

.sec1 .item-info .box-download {
	width: 59.674%;
	margin: 5.5% 0 0 -1%;
}

.sec1 .item-prod {
	width: 31.667%;
	margin-left: 0.8%;
}

.sec1 .item-prod .level1 {
	width: 19.93%;
	margin: 0.3% 3.8% 0% 0;
}

.sec1 .item-prod .box-option {
	margin: 3.8% 3.6% 0 0;
}

.sec1 .item-prod .option-item {
	display: inline-block;
}

.sec1 .item-prod .box-colors {
	margin-top: 1.6%;
	vertical-align: top;
}

.sec1 .item-prod .box-colors .color-item {
	margin: 0 0.5rem;
	padding: 0.4rem;
	border: 0.01rem solid #848484;
	display: inline-block;
}

.sec1 .color-item div {
	width: 2.3rem;
	height: 2.3rem;
}

.sec1 .color-item1 div {
	background: #fff;
}

.sec1 .item-prod .box-3d {
	width: 35%;
	margin-left: 6%;
}

.sec1 .item-prod .box-3d img {
	width: 27.3%;
}

.sec1 .item-prod .box-3d .btn-180 {
	margin-left: 7.4%;
}

.sec2 {
	margin-top: -16%;
}

.sec2 .box-title2 {
	width: 88.4%;
	top: 12.9%;
	left: 11.6%;
	color: #000;
}

.sec2 .box-effect {
	width: 43.7%;
	top: 17.5%;
	left: 0;
}

.sec2 .box-wind {
	height: 0%;
	top: 70%;
	overflow: hidden;
}

.windAn2 {
	height: 400% !important;
	-webkit-transition: all 3s ease-in-out;
	/* Safari和Chrome */
	-moz-transition: all 3s ease-in-out;
	/*Firefox 4 */
	-o-transition: all 3s ease-in-out;
	/* Opera */
	transition: all 3s ease-in-out;
}

.sec2 .box-text2-1 {
	top: 29.5%;
	left: 59.1%;
	width: 17.9%;
}

.sec2 .box-text2-2 {
	top: 33.7%;
	left: 59.6%;
	width: 16.87%;
}

.sec2 .box-text2-3 {
	top: 43.7%;
	left: 55.9%;
	width: 24.5%;
}

.sec2 .text2-3 {
	width: 24.7%;
	top: 43.5%;
	left: 55.8%;
}

.sec2 .text2-3-2 {
	margin-top: 5.2%;
}

.sec2 .text2-3-3 {
	top: 22%;
}

.sec2 .text2-3-4,
.sec2 .text2-3-5 {
	margin-top: 1%;
}

.sec2 .text2-3-6 {
	margin-top: 0.8%;
}

.sec2 .text2-4 {
	margin-top: 12.3%;
	margin-left: 15%;
	width: 68%;
}

.sec2 .box-text2-4 {
	top: 72.5%;
	left: 61.5%;
	width: 13.3%;
}

.sec3 {
	margin-top: -14.1%;
}

.sec3 .box-title3 {
	width: 88.4%;
	top: 10%;
	left: 11.6%;
	color: #1f2d3a;
}

.sec3 .box-prod3 {
	width: 16.4%;
	top: 19%;
	left: 37.1%;
}

.sec3 .box-text3-1 {
	width: 10.8%;
	top: 37%;
	left: 44.7%;
}

.sec3 .box-text3-2 {
	width: 48.1%;
	top: 70.3%;
	left: 27.5%;
}

.sec4 {
	margin-top: -14.2%;
}

.sec4 .box-title4 {
	width: 88.4%;
	top: 8.8%;
	left: 11.6%;
	color: #FFF;
}

.sec4 .box-text4-1 {
	top: 21%;
	left: 43.3%;
	width: 13.7%;
}

.sec4 .box-text4-2 {
	top: 56.7%;
	left: 31.9%;
	width: 36.2%;
}

.sec4 .box-content4 {
	top: 48.7%;
}

.sec4 .box-content4 .btn-sleepmode-1,
.sec4 .box-content4 .btn-sleepmode-2 {
	width: 9.6%;
	margin-left: 45.2%;
	cursor: pointer;
}

.sec4 .box-content4 .hand {
	width: 2.4%;
	left: 53.8%;
	top: 70%;
}

.sec4 .box-cards {
	top: 64%;
}

.sec4 .box-cards img {
	width: 34.5%;
}



.sec6 {
	margin-top: -14.2%;
}

.sec6 .box-title6 {
	width: 88.4%;
	top: 10.7%;
	left: 11.6%;
	color: #1a4f3e;
}

.sec6 .prod6 {
	width: 43.75%;
	top: 18.5%;
}

.sec6 .text6-1,
.sec6 .text6-2 {
	width: 30%;
	top: 57.9%;
}

.sec6 .text6-1 {
	left: 25.5%;
}

.sec6 .text6-2 {
	left: 56.9%;
}

.sec6 .text6-1-2,
.sec6 .text6-2-2 {
	margin-top: 5%;
}



/* 增加 */
.z_sec6 {
	margin-top: -14.2%;
}

.z_sec6 .box-title6 {
	width: 88.4%;
	top: 13.6%;
	left: 11.6%;
	color: #3e2308;
}

.z_sec6 .box-title6 h3 {
	text-shadow: 0rem 0rem 3rem #fff;
}

.z_sec6 .text6 {
	width: 35.209%;
	top: 34.8%;
	left: 15.2%;
}



.sec5 {
	margin-top: -14.2%;
}

.sec5 .box-title5 {
	width: 88.4%;
	top: 8.7%;
	left: 11.6%;
	color: #000;
}

.sec5 .box-subtitle5 {
	width: 13.2%;
	top: 32.3%;
	left: 43.5%;
}

.sec5 .text5-1 {
	width: 28.542%;
	top: 64.1%;
	left: 21.1%;
}

.sec5 .text5-1-2 {
	margin-top: 5.2%;
}

.sec5 .text5-1-3 {
	top: 25%;
}

.sec5 .text5-1-4,
.sec5 .text5-1-5 {
	margin-top: 1%;
}

.sec5 .text5-1-6 {
	margin-top: 0.8%;
}

.sec5 .text5-2 {
	width: 31%;
	top: 68%;
	right: 15%;
}

.sec5 .text5-2-2 {
	margin-top: 6.8%;
}


.sec7 {
	margin-top: -14.2%;
}

.sec7 .box-title7 {
	width: 88.4%;
	top: 13.6%;
	left: 11.6%;
	color: #3e2308;
}

.sec7 .box-title7 h3 {
	text-shadow: 0rem 0rem 1.4rem #fff;
}

.sec7 .text7 {
	width: 35.209%;
	top: 34.8%;
	left: 15.2%;
}


.z_sec6 .box-title6,
.z_sec6 .text6,

/* .sec2 .box-title2,
.sec2 .box-text2-1,
.sec2 .box-text2-2,
.sec2 .box-text2-3,
.sec2 .text2-3-1,
.sec2 .text2-3-2,
.sec2 .text2-3-3,
.sec2 .text2-3-4,
.sec2 .text2-3-5,
.sec2 .text2-3-6,
.sec2 .text2-4,
.sec2 .box-text2-4, */
.sec3 .box-title3,
.sec3 .box-text3-1,
.sec3 .box-text3-2,
.sec4 .box-title4,
.sec4 .box-text4-1,
.sec4 .box-text4-2,
.sec4 .box-text4-3,
.sec4 .box-content4,
.sec4 .box-cards {
	opacity: 0;
}

.scale {
	animation: scale 1.5s linear 0s infinite;
	-ms-animation: scale 1.5s linear 0s infinite;
	-webkit-animation: scale 1.5s linear 0s infinite;
	-o-animation: scale 1.5s linear 0s infinite;
	-moz-animation: scale 1.5s linear 0s infinite;
}

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

	50% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

@-ms-keyframes scale {
	0% {
		-ms-transform: scale(1);
	}

	50% {
		-ms-transform: scale(1.2);
	}

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

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

	50% {
		-webkit-transform: scale(1.2);
	}

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

@-o-keyframes scale {
	0% {
		-o-transform: scale(1);
	}

	50% {
		-o-transform: scale(1.2);
	}

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

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

	50% {
		-moz-transform: scale(1.2);
	}

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

.sec6 .box-title6,
.sec6 .prod6,
.sec6 .text6-1,
.sec6 .text6-2,
.sec5 .box-title5 .slash-m,
.sec5 .box-title5 h3,
.sec5 .text5-1,
.sec5 .text5-2,
.sec_harmony .box-title
{
	opacity: 0;
}

.sec_harmony{
    margin-top: -14.2%;
}

.sec_harmony .box-title{
    width: 88.4%;
    top: 12.4%;
    left: 11.6%;
    color: #1b152f;
}

.sec_harmony .subtitle2{
    margin-left: 5.8%;
    max-width: 40%;
}

.font_size_remap{
    font-size: .88em;
}