/* 2020/06/29 build */
.box-title h3 {
	margin-left: 5.8%;
}
.sec1 {
	padding: 3.2% 0 16.6%;
	background: #f1f1f1;
}
.sec1 .content-item {
	vertical-align: top;
	display: inline-block;
}
.sec1 .item-info {
	width: 34%;
	margin-left: 1.5%;
	padding-top: 2.9%;
}
.sec1 .item-info .level1 {
	width: 18%;
	top: 18%;
	left: 49.6%;
}
.sec1 .item-info .box-tag {
	margin-top: 6%;
}
.sec1 .item-info .box-tag img {
	width: 14%;
	margin-right: 1.2%;
}
.sec1 .item-info .box-download {
	width: 59.744%;
	margin: 5.2% 0 0 -1%;
}
.sec1 .item-option {
	width: 14rem;
	vertical-align: bottom;
	margin-bottom: 1.2%;
}
.sec1 .item-option .box-colors .color-item {
	margin: 0 0.5rem;
	padding: 0.4rem;
	display: inline-block;
	border: 0.01rem solid transparent;
}
.sec1 .item-option .box-colors .color-item.active {
	border: 0.01rem solid #848484;
}
.sec1 .color-item div {
	width: 2.3rem;
	height: 2.3rem;
}
.sec1 .color-item1 div {
	background: #fff;
}
.sec1 .color-item2 div {
	background: #a9a39d;
}
.sec1 .item-option .box-3d {
	margin-bottom: 21%;
}
.sec1 .item-option .box-3d img {
	width: 40%;
}
.sec1 .item-option .box-3d .btn-180 {
	margin-left: 12%;
}
.sec1 .item-prod {
	width: 9.167%;
	margin-left: 1.6%;
}
.sec2 {
	margin-top: -14%;
}
.sec2 .bg {
	opacity: 0;
}
.sec2 .bg-item {
	opacity: 0;
}
.sec2 .bg-item.bgAn1 {
	opacity: 1!important;
    -webkit-transition: all 0.2s ease-in-out; /* Safari和Chrome */ 
    -moz-transition: all 0.2s ease-in-out; /*Firefox 4 */  
    -o-transition: all 0.2s ease-in-out; /* Opera */ 
    transition: all 0.2s ease-in-out;  
}
.sec2 .bg-item.bgAn2 {
	opacity: 0!important;
    -webkit-transition: all 0.2s ease-in-out; /* Safari和Chrome */ 
    -moz-transition: all 0.2s ease-in-out; /*Firefox 4 */  
    -o-transition: all 0.2s ease-in-out; /* Opera */ 
    transition: all 0.2s ease-in-out;  
}
.sec2 .box-title2 {
	width: 88.4%;
	top: 7.9%;
	left: 11.6%;
}
.sec2 .colorcold {
	color: #052441;
}
.sec2 .colorhot {
	color: #631e00;
}
.sec2 .box-title.active, .sec2 .box-text.active {
	opacity: 1;
}
.sec2 .box-text {
	width: 31.25%;
	top: 18.1%;
	opacity: 0;
}
.sec2 .text2-1-2, .sec2 .text2-2-2 {
	margin-top: 3.6%;
}
.sec2 .text2-1-3, .sec2 .text2-2-3 {
	margin-top: 137.8%;
}
.sec2 .box-swiper {
	top: 29%;
}
.sec2 .swiper2 {
	padding-bottom: 12%;
}
.sec2 .swiper2 .swiper-slide img {
	width: 137.814%;
	margin-left: -18.907%;
}
.sec2 .box-type {
	width: 27.513%;
	left: 61.1%;
	top: 65.3%;
	z-index: 1;
}
.sec2 .type-item {
	opacity: 0;
}
.sec2 .type-item.active {
	opacity: 1;
}
.sec2 .swiper2 .swiper-button-prev, .sec2 .swiper2 .swiper-button-next {
	width: 4%;
	height: 10.2%;
	top: 35.4%;
}
.sec2 .swiper2 .swiper-button-prev {
	left: 19.2%;
	background: url('/img/pc/seriesgs/arrows.png') no-repeat;
	background-position: 0 0;
	background-size: auto 100%;
}
.sec2 .swiper2 .swiper-button-next {
	right: 19.2%;
	background: url('/img/pc/seriesgs/arrows.png') no-repeat;
	background-position: 100% 0;
	background-size: auto 100%;
}
.sec2 .swiper2 .swiper-pagination-bullet {
	width: 10rem;
	height: auto;
	line-height: 7rem;
	margin: 0 7%;
	background: transparent;
	border-radius: 0;
	opacity: 0.5;
}
.sec2 .swiper2 .swiper-pagination-bullet-active {
	opacity: 1;
}
.sec2 .swiper2 .swiper-pagination-bullet span {
	font-size: 2.6rem;
	padding: 20% 0;
	vertical-align: bottom;
}
.sec2 .swiper2 .swiper-pagination-bullet-active span {
	font-size: 3.4rem;
}
.sec2 .swiper2 .swiper-pagination.colorcold .swiper-pagination-bullet-active span {
	border-bottom: 0.3rem solid #052441;
}
.sec2 .swiper2 .swiper-pagination.colorhot .swiper-pagination-bullet-active span {
	border-bottom: 0.3rem solid #631e00;
}
.sec3 {
	margin-top: -14.2%;
}
.sec3 .box-title3 {
	width: 88.4%;
	top: 7.2%;
	left: 11.6%;
	z-index: 1;
}
.sec3 .swiper3 .prod3 {
    width: 18.4%;
    right: 9%;
    top: 21.5%;
}

.sec3 .text3 {
	top: 25.2%;
    left: 0;
}

.sec3 .text3-1,
.sec3 .text3-5{
    width: 50%;
}

.sec3 .text3-2{
    width: calc(1876% / 38.4);
}

.sec3 .text3-3{
    width: calc(1772% / 38.4);
}

.sec3 .text3-4{
    width: calc(1716% / 38.4);
}

.sec3 .wind3-5 {
    width: 80%;
    right: 17.5%;
    top: 24.3%;
}

.sec3 .wind3-2 {
    width: calc(1568% / 19.2);
    left: 0;
    top: 23.8%;
}
.sec3 .wind3-3 {
    width: calc(1652% / 19.2);
    left: 0;
    top: 17.5%;
}
.sec3 .wind3-4 {
    width: calc(1567% / 19.2);
    left: 0;
    top: -2%;
}

.sec3 .swiper3 .swiper-button-prev, .sec3 .swiper3 .swiper-button-next {
	width: 3%;
	height: 7.2%;
	top: 32.2%;
}
.sec3 .swiper3 .swiper-button-prev {
	left: 7.2%;
	background: url('/img/pc/seriesgs/arrows-brown.png') no-repeat;
	background-position: 0 0;
	background-size: auto 100%;
}
.sec3 .swiper3 .swiper-button-next {
	left: 51.4%;
	background: url('/img/pc/seriesgs/arrows-brown.png') no-repeat;
	background-position: 100% 0;
	background-size: auto 100%;
}
.sec3 .swiper3 .swiper-pagination {
	bottom: 53%;
	padding-left: 27%;
	text-align: left;
}
.sec3 .swiper3 .swiper-pagination-bullet {
	width: 1.2rem;
	height: 1.2rem;
	margin: 0 0.6%;
	background: #fff;
}
.sec3 .swiper3 .swiper-pagination-bullet-active {
	background: #452f22;
	opacity: 1;
}


.modal-180 .box-preview {
	width: 24%;
}
.component-select {
	margin-top: -6.5%;
}


.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%;
}


.sec8 {
	margin-top: -14.2%;
}
.sec8 .box-title2 {
	width: 88.4%;
	top: 12.9%;
	left: 11.6%;
	color: #000;
}
.sec8 .box-effect {
	width: 43.7%;
	top: 17.5%;
	left: 0;
}
.sec8 .box-wind {
	height: 0%;
	top: 70%;
	overflow: hidden;
}

.sec8 .box-text2-1 {
	top: 29.5%;
	left: 59.1%;
	width: 24.75%;
}
.sec8 .box-text2-2 {
	top: 33.7%;
	left: 59.6%;
	width: 16.87%;
}
.sec8 .text2-3 {
	width: 24.7%;
	top: 43.5%;
	left: 55.8%;
}
.sec8 .text2-3-2 {
	margin-top: 5.2%;
}
.sec8 .text2-3-3 {
	top: 22%;
}
.sec8 .text2-3-4, .sec8 .text2-3-5 {
	margin-top: 1%;
}
.sec8 .text2-3-6 {
	margin-top: 0.8%;
}
.sec8 .text2-4 {
	margin-top: 12.3%;
	margin-left: 15%;
	width: 68%;
}
.sec8 .box-text2-4 {
	top: 72.5%;
	left: 61.5%;
	width: 13.3%;
}

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

.sec9 .box-title7 {
	width: 88.4%;
	top: 13.6%;
	left: 11.6%;
	color: #3e2308;
}
.sec9 .box-title7 h3 {
	text-shadow: 0rem 0rem 1.4rem #fff;
}
.sec9 .text7 {
	width: 35.209%;
	top: 34.8%;
	left: 15.2%;
}



.sec2 .box-title2,
.sec2 .text2-1,
.sec2 .text2-2,
.sec2 .text2-3,
.sec2 .swiper-container,
.sec2 .box-type,
.sec2 .swiper-button-prev,
.sec2 .swiper-button-next,
.sec2 .swiper-pagination,

.sec3 .box-title3,
.sec3 .text3,
.sec3 .swiper-button-prev,
.sec3 .swiper-button-next,
.sec3 .swiper-pagination,
.sec7 .box-title7,
.sec7 .text7,
.sec8 .box-title2,
.sec8 .box-text2-1,
.sec9 .box-title7


{
	opacity: 0;
}