.section{padding:150px 0;position:relative}@media screen and (max-width:1024px){.section{padding:50px 0;overflow:hidden}}.section:before{content:'';position:absolute;top:0;left:0;width:98vw;height:68%;background-color:var(--main-color)}@media screen and (max-width:1024px){.section:before{width:100vw;height:80vw;transform:skewY(12.5deg);transform-origin:100% 100%}}.section .section-inner{width:90vw;margin:0 auto;position:relative}.section .section-inner h2{position:absolute;top:-40px;left:0}.section .section-inner h2.right{right:0;left:unset;width:56px}.section .section-inner h2.right .en{left:100%!important}.section .section-inner h2.right .cn{padding:0!important}@media screen and (max-width:1024px){.section .section-inner h2{position:static;width:100%;text-align:center;margin-bottom:30px}}.section .section-inner h2 .en{display:inline-block;position:absolute;top:0;left:0;font-family:roboto,sans-serif;font-weight:800;font-size:13px;color:rgba(255,255,255,.15);letter-spacing:.25em;line-height:1;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}@media screen and (max-width:1024px){.section .section-inner h2 .en{display:block;position:static;transform:rotate(0) translate(0,0);text-align:center;margin-bottom:10px;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}}.section .section-inner h2 .cn{font-weight:700;font-size:30px;color:#fff;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;letter-spacing:.38em;line-height:1;padding-left:28px}@media screen and (max-width:1024px){.section .section-inner h2 .cn{font-size:25px;color:#fff;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}}.section .section-inner .btn{width:340px;height:60px;margin:0 auto;margin-top:40px}.section .section-inner .btn a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--main-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.section .section-inner .btn a p{color:#fff;line-height:1;font-size:15px;font-weight:700;letter-spacing:.15em;padding-right:50px;position:relative}.section .section-inner .btn a p:before,.section .section-inner .btn a p:after{content:'';height:1px;background-color:#fff;position:absolute;right:0;bottom:.25em;transform-origin:100% 100%}.section .section-inner .btn a p:before{width:7px;transform:rotate(45deg)}.section .section-inner .btn a p:after{width:40px}.section.right:before{right:0;left:unset}.section.right .section-inner h2{right:0;left:unset;width:56px}@media screen and (max-width:768px){.section.right .section-inner h2{width:100%}}.section.right .section-inner h2 .en{left:100%}.section.right .section-inner h2 .cn{padding:0}.section .scroll-target.init{opacity:0;transform:translateY(100px)}.section .scroll-target.show{opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.19,1,.22,1)}.section.scroll-target.init:before{width:0}.section.scroll-target.show:before{width:98vw;transition:all 1.5s cubic-bezier(.19,1,.22,1)}.carousel{width:100%;height:100vh;display:flex;position:relative}@media screen and (max-width:1024px){.carousel{flex-direction:column;height:auto;overflow:hidden}}.carousel .picture{width:0;height:100%;transition:all 1.5s cubic-bezier(.19,1,.22,1)}@media screen and (max-width:1024px){.carousel .picture{width:135%;height:52vh;transition:unset}}.carousel .picture .swiper-container,.carousel .picture .topic,.carousel .picture .pic,.carousel .picture .back{width:100%;height:100%;transition:all 1s 1s cubic-bezier(.19,1,.22,1)}@media screen and (max-width:1024px){.carousel .picture .swiper-container,.carousel .picture .topic,.carousel .picture .pic,.carousel .picture .back{transition:all 1s .2s cubic-bezier(.19,1,.22,1)}}.carousel .picture .swiper-container{transform:skewX(-20deg);transform-origin:100% 0}@media screen and (max-width:1024px){.carousel .picture .swiper-container{transform:skewY(10deg);transform-origin:100% 100%;height:0}}.carousel .picture .topic{transform:skewX(20deg);transform-origin:100% 0}@media screen and (max-width:1024px){.carousel .picture .topic{transform:skewY(-10deg);transform-origin:100% 100%}}.carousel .picture .topic .pic .back{background-size:cover;background-position:50% 50%;background-repeat:no-repeat}@media screen and (max-width:1024px){.carousel .picture .topic .pic .back{height:56vh;background-position:55% 50%}}.carousel .abbr{padding-bottom:40px;position:relative}.carousel .information{flex-grow:1;height:100%;display:flex;align-items:center;position:relative;z-index:2;transition:all 1.3s .6s cubic-bezier(.19,1,.22,1);transform:translateY(40px);opacity:0}@media screen and (max-width:1024px){.carousel .information{height:auto;margin-bottom:40px}}.carousel .information .central{transform:translateX(-10vw)}@media screen and (max-width:1024px){.carousel .information .central{transform:translateX(0);margin:0 auto;margin-top:-80px}}.carousel .information .slogan{color:var(--main-color);transition:all 1s 1s cubic-bezier(.19,1,.22,1);white-space:nowrap}.carousel .information .slogan .digit{font-size:10vw;font-weight:700;display:inline-flex;transition:all 1s 1s cubic-bezier(.19,1,.22,1)}@media screen and (max-width:1024px){.carousel .information .slogan .digit{font-size:90px}}.carousel .information .slogan .digit:first-child{transform:translateY(-1vw) skewX(-10deg)}@media screen and (max-width:768px){.carousel .information .slogan .digit:first-child{transform:translateY(-10px) skewX(-10deg)}}.carousel .information .slogan .digit:nth-child(2){transform:translate(-1vw,1vw) skewX(-8deg)}@media screen and (max-width:1024px){.carousel .information .slogan .digit:nth-child(2){transform:translate(-10px,10px) skewX(-8deg)}}.carousel .information .slogan .text{font-size:2.8vw;font-weight:600;display:inline-flex;transform:translate(-20px,24px)}@media screen and (max-width:1024px){.carousel .information .slogan .text{font-size:32px;transform:translate(10px,18px);margin-left:-28px}}.carousel .information .simple{color:var(--auxiliary-color);font-size:2vw;white-space:nowrap}@media screen and (max-width:1024px){.carousel .information .simple{font-size:18px}}.carousel .information .pills{position:absolute;top:4vw;left:20vw}@media screen and (max-width:1024px){.carousel .information .pills{top:30px;left:180px}}.carousel .information .pills img{width:9vw}@media screen and (max-width:1024px){.carousel .information .pills img{width:90px}}.carousel .privacy{position:absolute;bottom:20px;right:0;width:100%;color:var(--main-color);font-size:14px;transform:translateX(-15vw)}@media screen and (max-width:1024px){.carousel .privacy{font-size:12px;left:-18vw;transform:translateX(0);width:260px;margin:0 auto}}@media screen and (max-width:1024px){.carousel .privacy{position:unset;text-align:center}}.carousel .scroll{position:absolute;right:60px;bottom:100px;line-height:1;opacity:1;transition:all .8s 2.6s cubic-bezier(.19,1,.22,1)}@media screen and (max-width:1024px){.carousel .scroll{right:15px;bottom:88px}}.carousel .scroll p{letter-spacing:.25em;line-height:1;font-size:13px;color:var(--main-color);font-family:roboto,sans-serif;font-weight:800;writing-mode:vertical-lr}@media screen and (max-width:1024px){.carousel .scroll p{font-size:12px}}.carousel .scroll .roll{transform:rotate(-90deg) translate(-70px,5px)}.carousel .scroll .roll::before,.carousel .scroll .roll::after{content:'';height:1px;background-color:var(--main-color);position:absolute;left:0;bottom:3px;transform-origin:0 0}.carousel .scroll .roll::before{width:0;transform:rotate(-45deg);animation:scroll_2 1.5s linear infinite}.carousel .scroll .roll::after{animation:scroll_1 1.5s linear infinite}@keyframes scroll_1{0%{width:0;left:70px}30%{width:70px;left:0}60%{width:70px;left:0}80%{width:0;left:0}100%{width:0;left:0}}@keyframes scroll_2{0%{width:0}30%{width:0}38%{width:7px;left:0;bottom:3px}80%{width:7px;left:0;bottom:3px}90%{width:0;left:4.95px;bottom:7.95px}100%{width:0;left:4.95px;bottom:7.95px}}.carousel.shown .picture{width:70%}@media screen and (max-width:1024px){.carousel.shown .picture{width:135%}}@media screen and (max-width:1024px){.carousel.shown .picture .swiper-container{transform:skewY(10deg);transform-origin:100% 100%;height:56vh}}.carousel.shown .information{transform:translateY(0);opacity:1}.section-about{padding:250px 0;position:relative}.section-about table td,.section-about table th{padding:10px;border-bottom:1px solid #ddd}@media screen and (max-width:1024px){.section-about{padding:80px 0}.section-about:before{content:'';width:100vw;height:100%;position:absolute;top:0;left:0;background-color:#f2f2f2}}.section-about .scroll-target.init{opacity:0;transform:translateY(100px)}.section-about .scroll-target.show{opacity:1;transform:translateY(0);transition:all .8s cubic-bezier(.19,1,.22,1)}.section-about .section-inner{width:90vw;margin:0 auto;position:relative}.section-about .section-inner h2{position:absolute;top:0;left:0}.section-about .section-inner h2.right{right:0;left:unset;width:56px}.section-about .section-inner h2.right .en{left:100%!important}.section-about .section-inner h2.right .cn{padding:0!important}@media screen and (max-width:1024px){.section-about .section-inner h2{position:static!important;text-align:center!important;margin-bottom:30px!important;width:100%!important}}.section-about .section-inner h2 .en{display:inline-block;position:absolute;top:0;left:0;font-family:roboto,sans-serif;font-weight:800;font-size:13px;color:var(--main-color);letter-spacing:.25em;transform:rotate(-90deg) translateX(-100%);transform-origin:0 0;line-height:1;text-align:right}@media screen and (max-width:1024px){.section-about .section-inner h2 .en{position:static;transform:rotate(0) translateX(0);text-align:center;display:block;margin-bottom:10px}}.section-about .section-inner h2 .cn{display:inline-block;position:relative;font-weight:700;font-size:28px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;letter-spacing:.25em;line-height:1;padding-left:28px}@media screen and (max-width:1024px){.section-about .section-inner h2 .cn{font-size:25px;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;padding-left:0}}.section-about .section-inner .statement{width:720px;margin:0 auto 60px}@media screen and (max-width:1024px){.section-about .section-inner .statement{width:100%;margin:0 auto 30px}}.section-about .section-inner .statement .about-title{font-size:20px;font-weight:700;color:var(--main-color);letter-spacing:.15em;line-height:1.7;margin-bottom:20px}@media screen and (max-width:1024px){.section-about .section-inner .statement .about-title{font-size:18px}}.product-section .section-inner .row-wrapper .row{background-color:#fff;width:85%;margin-bottom:60px}.product-section .section-inner .row-wrapper .row:nth-child(odd){margin-left:15%}@media screen and (max-width:1024px){.product-section .section-inner .row-wrapper .row:nth-child(odd){margin-left:0}}@media screen and (max-width:1024px){.product-section .section-inner .row-wrapper .row{width:100%;margin-bottom:0;box-shadow:none}}.product-section .section-inner .row-wrapper .row ul{display:flex}@media screen and (max-width:1024px){.product-section .section-inner .row-wrapper .row ul{flex-wrap:wrap}}.product-section .section-inner .row-wrapper .row ul li{width:25%}@media screen and (max-width:1024px){.product-section .section-inner .row-wrapper .row ul li{width:50%}}.product-section .section-inner .row-wrapper .row ul li:not(:last-child){border-right:1px solid rgba(0,0,0,.12)}@media screen and (max-width:1024px){.product-section .section-inner .row-wrapper .row ul li:not(:last-child){border:none}}.product-section .section-inner .row-wrapper .row ul li .goods{display:block;padding:12% 10%;transition:all .3s;text-align:center}.product-section .section-inner .row-wrapper .row ul li .goods img{width:100%}.product-section .section-inner .row-wrapper .row ul li .goods figcaption{margin-top:10px}.product-section .section-inner .row-wrapper .row ul li .goods figcaption .name{font-size:16px;color:#000;font-weight:500;margin-bottom:10px}.product-section .section-inner .row-wrapper .row ul li .goods figcaption .spec{font-size:14px;color:#999;margin-bottom:14px}.product-section .section-inner .row-wrapper .row ul li .goods figcaption .price{margin-bottom:10px}@media screen and (max-width:1024px){.product-section .section-inner .row-wrapper .row ul li .goods figcaption .price{display:flex;flex-direction:column-reverse}}.product-section .section-inner .row-wrapper .row ul li .goods figcaption .price .now{color:#fe1010;font-size:18px}.product-section .section-inner .row-wrapper .row ul li .goods figcaption .price .market{color:#b3b3b3;font-size:14px;margin-left:6px;text-decoration:line-through}.product-section .section-inner .row-wrapper .row ul li .goods figcaption .go-btn a{width:160px;height:32px;background:var(--main-color);border-radius:6px;margin:0 auto;color:#fff;display:flex;justify-content:center;font-weight:500;align-items:center}@media screen and (max-width:1024px){.product-section .section-inner .row-wrapper .row ul li .goods figcaption .go-btn a{width:100%}}.product-section .section-inner .row-wrapper .row ul li .goods figcaption .go-btn a:hover{color:rgba(255,255,255,.5);transition:all .5s cubic-bezier(.19,1,.22,1)}.product-section .section-inner .row-wrapper .row ul li .goods figcaption .secret{font-size:12px;color:var(--main-color);margin-bottom:10px}@media screen and (max-width:1024px){.product-section .section-inner .row-wrapper .row ul li .goods figcaption .secret{display:none}}.product-section .section-inner .row-wrapper .row:last-child{box-shadow:none}.shipping-section{padding:50px 0;margin-bottom:100px;height:300px;display:flex;align-items:center}@media screen and (max-width:1024px){.shipping-section{padding:50px 0;overflow:hidden;height:auto;display:block;margin-bottom:60px}}.shipping-section:before{content:'';position:absolute;top:0;left:0;width:80%;height:100%;background-color:#f2f2f2;transform:skewX(20deg);transform-origin:100% 100%}@media screen and (max-width:1024px){.shipping-section:before{width:100vw;height:80vw;transform:skewY(12.5deg);transform-origin:100% 100%}}.shipping-section .section-inner h2 .cn{color:#222}.shipping-section .section-inner h2 .en{color:var(--main-color)}.shipping-section .main{width:85%;display:flex;justify-content:center;align-items:center;margin-left:15%;overflow:hidden}@media screen and (max-width:1024px){.shipping-section .main{margin-top:100px}}.shipping-section .main .js-marquee-wrapper{display:flex;justify-content:center;align-items:center}@media screen and (max-width:1024px){.shipping-section .main .js-marquee-wrapper{animation-duration:326.8s!important}}.shipping-section .main .loop{display:flex;justify-content:center;align-items:center}@media screen and (max-width:1024px){.shipping-section .main{width:100%;margin-left:0}}.shipping-section .main .news{width:28vw;padding:0 40px}@media screen and (max-width:1024px){.shipping-section .main .news{width:360px;flex-shrink:0}}.shipping-section .main .news .cate{width:max-content;width:-moz-max-content;border:1px solid var(--main-color);margin-bottom:12px;text-align:center;padding:2px 10px;display:block;color:var(--main-color)}.shipping-section .main .news .cate a{display:block;color:var(--main-color)}@media screen and (max-width:1024px){.shipping-section .main .news .text{font-size:14px}}.section-works:before{height:48%}.section-works .row-wrapper .row{box-shadow:0 0 6px 3px rgba(0,0,0,.06);background-color:#fff;width:85%;margin-bottom:60px;margin-left:15%}@media screen and (max-width:1024px){.section-works .row-wrapper .row{box-shadow:none;background-color:transparent;width:100%;max-width:600px;margin:0 auto;position:relative}}.section-works .row-wrapper .row ul{display:flex}@media screen and (max-width:1024px){.section-works .row-wrapper .row ul{display:block}}.section-works .row-wrapper .row ul li{width:3333.33333%}@media screen and (max-width:1024px){.section-works .row-wrapper .row ul li{background-color:#fff;width:100%;box-shadow:0 0 6px 3px rgba(0,0,0,.2)}}.section-works .row-wrapper .row ul li:not(:last-child){border-right:1px solid rgba(0,0,0,.12)}@media screen and (max-width:1024px){.section-works .row-wrapper .row ul li:not(:last-child){margin-bottom:25px;border-right:none}}.section-works .row-wrapper .row ul li a{display:block;transition:all .3s}.section-works .row-wrapper .row ul li a:hover{opacity:.7}.section-works .row-wrapper .row ul li a figure img{width:100%;height:auto;border:none;text-decoration:none;outline:0;vertical-align:bottom}.section-works .row-wrapper .row ul li a figure figcaption{padding:10px}.section-works .row-wrapper .row ul li a figure figcaption .title{font-size:16px;line-height:1.7;letter-spacing:.15em;font-weight:700;margin-bottom:5px;color:var(--main-color)}.section-works .row-wrapper .row ul li .news-tips{padding:10px;font-size:14px}@media screen and (max-width:1024px){.section-works .row-wrapper .row ul li a figure figcaption .title{font-size:16px;line-height:1.7;letter-spacing:.15em;font-weight:700;margin-bottom:5px}}.section-works .row-wrapper .row ul li a figure figcaption .tag{font-family:roboto,sans-serif;font-weight:800;font-size:12px;color:var(--main-color);padding-left:18px}@media screen and (max-width:1024px){.section-works .row-wrapper .row ul li a figure figcaption .tag{font-family:roboto,sans-serif;font-weight:800;font-size:12px;color:var(--main-color);padding-left:18px}}.section-works:nth-child(odd) .section-inner .row{margin-bottom:0;margin-left:0;margin:0 auto}.faqs-section{padding:50px 0;margin-bottom:100px;display:flex;align-items:center}@media screen and (max-width:1024px){.faqs-section{padding-top:50px;overflow:hidden;height:auto;display:block;margin-bottom:0}}.faqs-section:before{content:'';position:absolute;top:0;left:0;width:80%;height:100%;background-color:#f2f2f2;transform:skewX(20deg);transform-origin:100% 100%}@media screen and (max-width:1024px){.faqs-section:before{width:100vw;height:80vw;transform:skewY(12.5deg);transform-origin:100% 100%}}.faqs-section .section-inner h2{top:0}.faqs-section .section-inner h2 .cn{color:#222}.faqs-section .section-inner h2 .en{color:var(--main-color)}.faqs-section .main{width:85%;display:flex;margin-left:15%;overflow:hidden}@media screen and (max-width:1024px){.faqs-section .main{margin-top:40px;margin-left:0;margin-right:0;width:100%}}.faqs-section .main .faq-main{width:86%}@media screen and (max-width:1024px){.faqs-section .main .faq-main{width:100%}}.faqs-section .main .faq-main .faq-item{margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid #999;overflow:hidden}.faqs-section .main .faq-main .faq-item .faq-title{font-size:18px;position:relative;cursor:pointer}.faqs-section .main .faq-main .faq-item .faq-title:before{content:"\e620";font-family:iconfont!important;font-size:20px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;right:10px;top:50%;transform:translateY(-50%);font-weight:500}.faqs-section .main .faq-main .faq-item .faq-title.faq-show:before{content:"\e729"}.faqs-section .main .faq-main .faq-item .faq-desc{font-size:14px;display:none;padding-top:12px}.backdrop-text{width:64%;margin:0 auto;padding-bottom:80px}@media screen and (max-width:1024px){.backdrop-text{width:100%;padding:15px;padding-bottom:60px}}.backdrop-text .p1{font-size:22px;margin-bottom:20px}.backdrop-text .p2{font-size:15px}