/** {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch; }*/

.main img {
    width: 100%;
}

.main .fadeUpAn {
    opacity: 0;
}

.swiper-pagination-outer {
    display: flex;
    justify-content: center;
    width: 100%;
}

.sec .content {
    top: 0;
    left: 0;
    width: 100%;
}

.sec .content .titleBox {
    left: 1.8rem;
    z-index: 2;
}

.sec .content .titleBox .titleicon {
    width: 3rem;
}

.sec .content .titleBox .title {
    width: 12.4rem;
    margin-top: 1.65rem;
    margin-left: 1.25rem;
}

.sec1 {
    padding: 12% 0 24%;
    background: #f1f1f1;
}

.sec1 .box-title {
    width: 38.534%;
}

.sec1 .level1 {
    top: 11.3%;
    left: 0%;
    width: 100%;
}

.sec1 .box-swiper {
    margin-top: -0.3%;
}

.sec1 .box-swiper .swiper1 {
    padding-bottom: 8.8%;
}

.sec1 .box-swiper .swiper-slide img {
    width: 36%;
}

.sec1 .swiper1 .swiper-pagination {
    bottom: 3%;
    z-index: 1;
}

.sec1 .swiper1 .swiper-pagination-bullet {
    width: 1.3rem;
    height: 1.3rem;
    margin: 0 0.3rem;
    padding: 0.2rem;
    background: transparent;
    border: 0.01rem solid transparent;
    border-radius: 0;
    opacity: 1;
}

.sec1 .swiper1 .swiper-pagination-bullet-active {
    border: 0.01rem solid #848484;
}

.sec1 .swiper1 .swiper-pagination-bullet div {
    width: 1.3rem;
    height: 1.3rem;
}

.sec1 .swiper1 .swiper-pagination-bullet div.color1 {
    background: #fff;
}

.sec1 .swiper1 .swiper-pagination-bullet div.color2 {
    background: #a9a39d;
}



.sec1 .btn-360 img, .sec1 .btn-180 {
    width: 11.334%;
    z-index: 1;
}

.sec1 .btn-360 img {
    right: 23.2%;
}

.sec1 .btn-180 {
    right: 8%;
}

.sec1 .box-tag {
    margin-top: 9.8%;
}

.sec1 .box-tag img { width: 16%; margin: 0.6%; }


.sec1 .box-tag div {
    width: 15.4%;
    margin: 0 1%;
}

.sec1 .box-download {
    width: 83.6%;
    margin-top: 12.2%;
}

.sec3 {
    margin-top: -14%;
    z-index: 2;
}

.sec3 .titleicon {
    top: 5.5rem;
    left: 1.8rem;
    width: 3rem;
    z-index: 2;
}

.sec3 .title {
    top: 9.5rem;
    left: 3.25rem;
    width: 12.3rem;
    z-index: 2;
}

.sec3 .content {
    top: 0;
    left: 0;
    z-index: 2;
}

.sec3 .text1 {
    top: 16.2rem;
    left: 50%;
    margin-left: -41.8%;
    width: 83.6%;
}

.sec3 .text2 {
    top: 62.2%;
    right: 2.66667%;
    width: 46.53333%;
}

.sec3 .text3 {
    top: 74%;
    left: 50%;
    margin-left: -10.26667%;
    width: 20.53333%;
}

.sec3 .select {
    top: 84%;
    left: 50%;
    margin-left: -30%;
    width: 60%;
}


.sec5 {
    margin-top: -15%;
    z-index: 1;
}

.sec5 .titleicon {
    top: 5.5rem;
    left: 1.8rem;
    width: 3rem;
    z-index: 2;
}

.sec5 .title {
    top: 9.5rem;
    left: 3.25rem;
    width: 15.5rem;
    z-index: 2;
}

.sec5 .swiper4 .section4_f_12_bg_an {
    top: 48.8%;
    right: 9.6%;
    width: 90%;
    opacity: 1;
    transform: scale(1);
    transform-origin: 100% 5.79151%;
}

.sec5 .swiper4 .section4_f_qfw_an {
    top: 0;
    right: 0;
    width: 100%;
    opacity: 1;
    transform: scale(1);
    transform-origin: 84% 53.31992%;
}

.sec5 .swiper4-pagination .swiper-pagination-bullet {
    margin: 0 1rem;
    background: #fff;
    opacity: 1;
}

.sec5 .swiper4-pagination .swiper-pagination-bullet-active {
    background: #523e34;
}

.sec5 .swiper4_container .swiper4_info {
    top: 2rem;
    left: 50%;
    transform: translate(-50%, 0);
    width: 84%;
}

.sec5 .swiper4_container .prev {
    top: 25%;
    left: 1rem;
    transform: translate(0, -50%);
    width: 1rem;
}

.sec5 .swiper4_container .next {
    top: 25%;
    right: 1rem;
    transform: translate(0, -50%);
    width: 1rem;
}


.sec5-1 { position: relative; z-index: 3; }


.sectj {
    margin-top: 0;
}

.sectj .content .titleBox {
    left: 0;
    margin-left: 1.8rem;
}

.sectj .content .titleBox .title {
    width: 7.45rem;
}

.sectj .box-swiper {
    margin-top: 4rem;
}

.sectj .box-swiper .swiper-pagination {
    bottom: 0;
}

.sectj .box-swiper .swiper-pagination-bullet {
    width: 0.9rem;
    height: 0.9rem;
    margin: 0 1rem;
    background: #d9d9d9;
    opacity: 1;
}

.sectj .box-swiper .swiper-pagination-bullet-active {
    background: #565656;
}

.sectj .box-swiper .prod-info {
    padding: 6% 0 30%;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.5rem;
}

.sectj .box-swiper .btn-checkprod {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.3rem;
    margin-top: 9%;
    padding: 2.4% 16.4%;
    background: #000;
    display: inline-block;
}

.mo .modal-180 .content {
    padding: 20% 10% 0;
}

.box-preview {
    width: 40%;
}


.sec7 {
    margin-top: -14.2%;
}
.sec7 .box-title7 {
    top: 7.8%;
}
.sec7 .box-text {
    top: 30.3%;
}



.sec8 {
    margin-top: -14.2%;
}
.sec8 .bg2 {
    height: 162vh;
}
.sec8 .box-title2 {
    top: 5%;
}
.sec8 .box-title2 .slash{
    margin-bottom: 4%;
}
.sec8 .box-effect {
    top: 7.6%;
}
.sec8 .box-effect .box-wind {
    height: 0%;
    top: 73%;
    overflow: hidden;
}
.sec8 .box-text2-1 {
    top: 46.5%;
}
.sec8 .box-text2-2 {
    top: 54%;
}
.sec8 .box-text2-2 .divider {
    width: 7.4%;
    height: 0.2rem;
    margin: 0% 0 4.4% 46.2%;
    background: rgba(38, 49, 59, 1);
}
.sec8 .box-text2-3 {
    top: 62.1%;
}
.sec8 .box-text2-4 {
    top: 84.4%;
}


.sec9 {
    margin-top: -16%;
}
.sec9 .box-title7 {
    top: 7.8%;
}
.sec9 .box-text {
    top: 30.3%;
}