.wrap[data-v-c071bce2]{min-height:100vh;width:100%}.wrap .container[data-v-c071bce2]{background:url(../assets/images/produce-bg.jpg) 50% no-repeat;background-size:cover;height:2541px;position:relative;width:100%}.wrap .container .title[data-v-c071bce2]{background:url(../assets/images/handkerchief-6.png) 50% no-repeat;background-size:auto 100%;color:#006be0;font-size:40px;height:129px;line-height:129px;margin:300px auto 0;text-align:center;width:600px}.wrap .container .nav[data-v-c071bce2]{align-items:center;display:flex;justify-content:center;margin:80px auto 0;width:1450px}.wrap .container .nav li[data-v-c071bce2]{border:2px solid #006be0;border-radius:40px;color:#006be0;cursor:pointer;font-size:20px;height:72px;line-height:72px;list-style:none;margin:0 20px;text-align:center;width:281px}.wrap .container .nav .active[data-v-c071bce2]{background:url(../assets/images/button-bg.png) 50% no-repeat;background-size:cover;border:0;color:#fff}.wrap .container .swiper-wrap[data-v-c071bce2]{background-color:#fff;border-radius:30px;display:flex;height:676px;margin:80px auto 0;width:1450px}.wrap .container .swiper-wrap .swiper-left[data-v-c071bce2]{border-radius:30px;height:100%;position:relative;width:979px}.wrap .container .swiper-wrap .swiper-left .mySwiper[data-v-c071bce2]{border-radius:30px;height:100%;width:100%}.wrap .container .swiper-wrap .swiper-left .mySwiper .swiper-slide[data-v-c071bce2],.wrap .container .swiper-wrap .swiper-left .mySwiper .swiper-slide img[data-v-c071bce2]{height:100%;width:100%}.wrap .container .swiper-wrap .swiper-left button[data-v-c071bce2]{border:0;cursor:pointer;height:26px;outline:none;position:absolute;width:14px;z-index:2}.wrap .container .swiper-wrap .swiper-left .arrow-left[data-v-c071bce2]{background:url(../assets/images/arrow-left.png) 50% no-repeat;left:20px;top:50%;transform:translateY(-50%)}.wrap .container .swiper-wrap .swiper-left .arrow-right[data-v-c071bce2]{background:url(../assets/images/arrow-right.png) 50% no-repeat;right:20px;top:50%;transform:translateY(-50%)}.wrap .container .swiper-wrap .swiper-right[data-v-c071bce2]{display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 40px;width:calc(100% - 979px)}.wrap .container .swiper-wrap .swiper-right h3[data-v-c071bce2]{color:#006be0;font-size:34px;font-weight:600}.wrap .container .swiper-wrap .swiper-right p[data-v-c071bce2]{color:#2f9aa1;font-size:20px;line-height:30px;margin:20px 0}.wrap .container .swiper-wrap .swiper-right span[data-v-c071bce2]{color:#3cc6ff;font-size:20px}.wrap .container .more-product[data-v-c071bce2]{background:url(../assets/images/more-bg-2.png) 50% no-repeat;background-size:cover;height:392px;margin:80px auto 0;position:relative;width:1450px}.wrap .container .more-product ul[data-v-c071bce2]{display:flex;justify-content:space-between;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:980px}.wrap .container .more-product ul li[data-v-c071bce2]{cursor:pointer;list-style:none}.wrap .container .more-product ul li .more-bg-1[data-v-c071bce2]{align-items:center;background:url(../assets/images/more-bg-1.png) 50% no-repeat;background-size:cover;display:flex;height:207px;justify-content:center;width:207px}.wrap .container .more-product ul li .more-bg-1 img[data-v-c071bce2]{height:60%;width:auto}.wrap .container .more-product ul li p[data-v-c071bce2]{color:#006be0;font-size:18px;margin-top:16px;text-align:center}@media only screen and (max-width:768px){.wrap[data-v-c071bce2]{min-height:100vh;overflow:hidden;width:100%}.wrap .container[data-v-c071bce2]{background:url(../assets/images/produce-bg.jpg) 50% no-repeat;background-size:cover;height:auto;position:relative;width:100%}.wrap .container .title[data-v-c071bce2]{background:url(../assets/images/handkerchief-6.png) 50% no-repeat;background-size:auto 100%;color:#006be0;font-size:4.8vw;font-weight:600;height:12vw;line-height:4vw;margin:21.46667vw auto 0;text-align:center;width:33.06667vw}.wrap .container .nav[data-v-c071bce2]{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:10.66667vw auto 0;width:89.86667vw}.wrap .container .nav li[data-v-c071bce2]{border:2px solid #006be0;border-radius:5.33333vw;color:#006be0;cursor:pointer;font-size:3.06667vw;height:7.73333vw;line-height:7.73333vw;list-style:none;margin:4vw 1.33333vw;text-align:center;width:36.66667vw}.wrap .container .nav .active[data-v-c071bce2]{background:url(../assets/images/button-bg.png) 50% no-repeat;background-size:cover;color:#fff}.wrap .container .swiper-wrap[data-v-c071bce2]{background:url(../assets/images/mo-bg.png) 50% no-repeat;background-size:cover;border-radius:4vw;display:flex;flex-direction:column;height:auto;justify-content:center;margin:10.66667vw auto 0;padding:0 0 6.66667vw;width:89.86667vw}.wrap .container .swiper-wrap .swiper-left[data-v-c071bce2]{border:0;border-radius:4vw;height:62.26667vw;position:relative;width:89.86667vw}.wrap .container .swiper-wrap .swiper-left .mySwiper[data-v-c071bce2]{border-radius:4vw;height:100%;width:100%}.wrap .container .swiper-wrap .swiper-left .mySwiper .swiper-slide[data-v-c071bce2],.wrap .container .swiper-wrap .swiper-left .mySwiper .swiper-slide img[data-v-c071bce2]{height:100%;width:100%}.wrap .container .swiper-wrap .swiper-left button[data-v-c071bce2]{border:0;cursor:pointer;height:3.46667vw;outline:none;position:absolute;width:1.86667vw;z-index:2}.wrap .container .swiper-wrap .swiper-left .arrow-left[data-v-c071bce2]{background:url(../assets/images/arrow-left.png) 50% no-repeat;background-size:100% 100%;left:20px;top:50%;transform:translateY(-50%)}.wrap .container .swiper-wrap .swiper-left .arrow-right[data-v-c071bce2]{background:url(../assets/images/arrow-right.png) 50% no-repeat;background-size:100% 100%;right:20px;top:50%;transform:translateY(-50%)}.wrap .container .swiper-wrap .swiper-right[data-v-c071bce2]{border:0;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:4vw;padding:0 2.66667vw;width:78.66667vw}.wrap .container .swiper-wrap .swiper-right h3[data-v-c071bce2]{color:#006be0;font-size:5.33333vw;font-weight:400}.wrap .container .swiper-wrap .swiper-right p[data-v-c071bce2]{color:#2f9aa1;font-size:3.2vw;line-height:30px;margin:20px 0}.wrap .container .swiper-wrap .swiper-right span[data-v-c071bce2]{color:#3cc6ff;font-size:3.2vw}.wrap .container .more-product[data-v-c071bce2]{background:url(../assets/images/mo-bg-2.png) 50% no-repeat;background-size:auto 100%;height:52.26667vw;margin:10.66667vw auto 20vw;position:relative;width:86.26667vw}.wrap .container .more-product ul[data-v-c071bce2]{display:flex;justify-content:space-between;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:82vw}.wrap .container .more-product ul li[data-v-c071bce2]{list-style:none}.wrap .container .more-product ul li .more-bg-1[data-v-c071bce2]{align-items:center;background:url(../assets/images/more-bg-1.png) 50% no-repeat;background-size:cover;display:flex;height:24.4vw;justify-content:center;width:24.4vw}.wrap .container .more-product ul li .more-bg-1 img[data-v-c071bce2]{height:60%;width:auto}.wrap .container .more-product ul li p[data-v-c071bce2]{color:#006be0;font-size:2.66667vw;margin-top:2.66667vw;text-align:center}}