@font-face{font-family:"Albegos";src:url("../fonts/Albegos-x3doK.otf")}@font-face{font-family:"Qanoar";src:url("../fonts/QanoarPersonalUse-2OlpK.ttf")}:root{--main-color:#b56941;--color-dark:#000000;--bezier-mazel: cubic-bezier(0, 0, .58, 1);--bezier-bounce:cubic-bezier(0.175, 0.885, 0.32, 1.275);--animation-duration:0.275s;--font-size:18px;--f-size-24:24px}html,body,div,p,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe,table,th,td,header,section,article{margin:0;padding:0}html{font-size:16px;overflow-x:hidden}body{font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue","Source Han Sans CN","sans-serif","Arial","Hiragino Sans GB","黑体";font-size:.875rem;line-height:1.8;overflow-x:hidden}img{width:100%;border:0 none;vertical-align:top;outline:none}ul,li{list-style-type:none}h1,h2,h3,h4,h5,h6{font-weight:normal}input,button,textarea{font-family:"PingFang SC","Microsoft YaHei","Arial","Sans-serif","Helvetica";border-radius:0;border:0}button{cursor:pointer}i,em,cite,u{font-style:normal}input:focus,textarea:focus{outline:none}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}input:-moz-placeholder,textarea:-moz-placeholder{color:#999}input::-moz-placeholder,textarea::-moz-placeholder{color:#999}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}a{color:#434343;text-decoration:none;outline:none;cursor:pointer}a:hover{text-decoration:none}a:focus{outline:none}.clearfix{*zoom:1}.clearfix:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0}.fl{float:left}.fr{float:right}a,button{-webkit-tap-highlight-color:rgba(0,0,0,0)}@media screen and (max-width: 768px){html{font-size:14px}}
body.gray-bg{background-color:#f1f1f1}.logo{width:210px;height:35px;background:url(../images/logo-white.png) no-repeat;background-size:cover !important;position:absolute;left:80px;top:60px;z-index:2000;display:block}.nav-box{position:fixed;right:80px;top:60px;padding-bottom:100px;z-index:2001}.nav-box .nav-list li{font-size:30px;line-height:1.4;text-align:right;font-family:"Albegos"}.nav-box .nav-list li a{display:inline-block;position:relative;color:#fff}.nav-box .nav-list li a .en{display:inline-block;transition:all var(--animation-duration) var(--bezier-mazel);transform-origin:right center;transform:scaleX(0)}.nav-box .nav-list li a .zh{font-size:.75em;font-style:italic;position:absolute;top:50%;right:0;transform:translate(0, -50%)}.nav-box .nav-list li:hover a .en,.nav-box .nav-list li.current a .en{opacity:.2;transform:scaleX(1)}.nav-box .nav-list li:hover a .zh,.nav-box .nav-list li.current a .zh{transform:scaleX(1) translate(0, -50%)}.nav-box .link-btn{width:53px;height:53px;background:url(../images/link-btn.png) no-repeat;background-size:cover !important;display:block;position:absolute;right:0;bottom:0;border-radius:50%;box-shadow:0 12px 14px rgba(0,0,0,.2);transition:transform .275s linear}.nav-box .link-btn:hover{transform:translate3d(0, -5px, 0)}.theme-black .logo{background:url(../images/logo-black.png) no-repeat}.theme-black .nav-box .nav-list a{color:#000}.theme-black .products-info{color:#000}.wrap-box{max-width:1200px;padding-left:20px;padding-right:20px;margin:0 auto;position:relative}.footer{background:#202020;padding:60px 0;color:#fff}.footer .logo{position:static;background:url(../images/logo-white.png) no-repeat;transform:scale(0.8);transform-origin:left center;margin-bottom:30px}.footer .developers a{width:105px;display:block;opacity:.8}.footer .copyright-wrap{width:100%;display:flex;justify-content:space-between;align-items:flex-end}.footer .copyright-wrap .txt{padding-top:20px}.footer .copyright-wrap .txt span{display:inline-block;padding-right:10px}.footer .copyright-wrap .txt a{color:#fff}.footer .copyright-wrap .txt a:hover{color:var(--main-color)}.footer .copyright-wrap .qr-code p{padding-top:5px;text-align:center}.column-banner{width:100%;height:100vh;background-repeat:no-repeat;background-position:center center;background-size:cover;display:flex;justify-content:center;align-items:center}.column-banner.banner-contact{background-image:url("../images/banner-contact.jpg")}.column-banner.banner-germany{background-image:url("../images/banner-germany.jpg")}.column-banner.banner-cooperative{background-image:url("../images/banner-cooperative.jpg")}.column-banner.banner-product1{height:100vh;min-height:900px;align-items:flex-start;background-image:url("../images/scene1-bg.jpg")}.column-banner.banner-product2{height:100vh;min-height:900px;align-items:flex-start;background-image:url("../images/scene2-bg.jpg")}.column-banner.banner-product3{height:100vh;min-height:900px;align-items:flex-start;background-image:url("../images/scene3-bg.jpg")}.column-banner.banner-product4{height:100vh;min-height:900px;align-items:flex-start;background-image:url("../images/scene4-bg.jpg")}.column-banner.banner-product5{height:100vh;min-height:900px;align-items:flex-start;background-image:url("../images/scene5-bg.jpg")}.banner-inner{color:#fff;text-align:center;padding:0 20px}.banner-inner .banner-til{font-family:"Qanoar";font-size:48px;text-transform:capitalize;margin-bottom:40px}.banner-inner .txt{font-family:"Albegos","PingFang SC","Microsoft YaHei";font-size:var(--font-size);margin-top:30px}.return-btn{position:absolute;top:40%;left:13.5%}.return-btn .txt{background-color:var(--main-color);color:#fff;text-transform:uppercase;position:relative;z-index:10;width:100px;line-height:64px;display:inline-block;text-align:center;border-radius:50%;transition:all .275s linear;opacity:.9}.return-btn .zh{color:#fff;position:absolute;bottom:-30px;left:0}.return-btn::before{content:"";width:100vw;height:1px;background-color:#fff;opacity:.4;position:absolute;right:85px;top:49%;transition:all .275s linear}.return-btn::after{content:"";width:120px;height:120px;border:1px #fff solid;position:absolute;left:0;top:50%;margin-top:-60px;border-radius:50%;opacity:.3;transition:all .275s linear;animation:circleScale 2s linear infinite}.return-btn:hover .txt{opacity:1;transform:translate3d(-10px, 0, 0)}.return-btn:hover::before,.return-btn:hover::after{opacity:.8}.return-btn:hover::before{transform:translate3d(-30px, 0, 0)}.return-btn:hover::after{transform:translate3d(-5px, 0, 0)}.vjs-big-play-centered .vjs-big-play-button{margin-top:0;margin-left:0;transform:translate(-50%, -50%);border:none;font-size:4em;box-shadow:0 0 20px rgba(181,105,65,.5);background-color:rgba(0,0,0,.8);transition:all .275s linear}.vjs-big-play-centered .vjs-big-play-button .vjs-icon-placeholder::before{display:flex;justify-content:center;align-items:center}@keyframes circleScale{0%{transform:scaleY(0.8)}50%{transform:scaleY(1)}100%{transform:scaleY(0.8)}}.contact-cont{width:100%;background:url(../images/cantact-cont-bg.jpg) no-repeat;background-size:cover}.contact-cont .wrap-box{display:flex;justify-content:space-between}.contact-cont h3{background:linear-gradient(to top, #ffe7c4, #ffd28e);font-size:36px;color:#000;line-height:2.5;padding-left:53px;position:absolute;width:100vw;left:0;top:-45px}.contact-cont .contact-info{background:#fff;height:380px;margin-top:90px;padding:0 30px;box-shadow:0 0 20px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;margin-right:40px}.contact-cont .contact-info .item{font-size:var(--font-size);line-height:24px;display:flex;align-items:center;margin:20px 0}.contact-cont .contact-info .item .icon-tel,.contact-cont .contact-info .item .icon-address{width:64px;height:64px;border-radius:50%;display:block;margin-right:10px}.contact-cont .contact-info .item .icon-tel{background:url(../images/icon-tel.png) no-repeat center center #eee}.contact-cont .contact-info .item .icon-address{background:url(../images/icon-address.png) no-repeat 50% 5px #eee}.contact-cont .contact-info .item .label{display:block;color:#787878}.contact-cont .inner{width:700px;padding-top:90px;padding-bottom:30px;position:relative}.contact-cont .inner ul{width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between}.contact-cont .inner ul li{flex-basis:210px;margin:20px 0;position:relative}.contact-cont .inner ul li .num{font-size:90px;color:#000;opacity:.08;position:absolute;z-index:0;left:0;top:-40%}.contact-cont .inner ul li h4{font-size:48px;color:#333;font-weight:bold;position:relative;z-index:10}.contact-cont .inner ul li h4::after{content:"";width:48px;height:2px;background-color:#202020;position:absolute;left:0;bottom:0}.contact-cont .inner ul li p{font-size:var(--font-size);padding-top:10px;color:#666}.germany-img{z-index:101;margin-top:20px}.germany-img::after{content:"";width:100vw;height:170px;background-color:#fd0100;position:absolute;left:50%;margin-left:-50vw;bottom:60px;z-index:-1}.brand-cont1-box{background:url(../images/brand/cont-bg.jpg) no-repeat top center fixed;background-size:cover;margin-top:-60px;padding-top:90px;padding-bottom:40px;color:#fff}.brand-cont1-box .inner-img{max-width:1144px;margin-bottom:40px;margin-top:-80px}.details-inner-txt{display:flex;justify-content:space-between}.details-inner-txt.w100{flex-direction:column}.details-inner-txt.w100 p{width:100%;padding-bottom:24px}.details-inner-txt.w100 p:last-child{padding-bottom:0}.details-inner-txt p{width:46%;line-height:33px}.details-inner-txt .en{font-size:16px}.brand-intro{max-width:1200px;margin:0 auto;padding:50px 20px;color:var(--main-color);font-size:var(--font-size);text-align:center}.brand-intro h3{font-family:"Qanoar";font-size:24px;letter-spacing:5px;padding-bottom:20px}.brand-cont2-box{width:100%;min-height:100vh;padding-top:80px;color:#fff;font-weight:300;position:relative;background:url(../images/brand/cont-bg2.jpg) no-repeat top center;background-size:100% 1000px}.brand-cont2-box .color-inner{max-width:870px;padding:40px 20px 60px 20px;margin:0 auto;text-align:center;font-size:var(--font-size)}.brand-cont2-box .color-inner ul{width:100%;padding-top:60px;display:flex;justify-content:space-between}.brand-cont2-box .color-inner ul li{width:33.33%;max-width:229px;padding:0 10px}.brand-cont2-box .card-cont{display:flex;justify-content:space-between;padding-top:60px;margin-left:-15px;margin-right:-15px}.brand-cont2-box .card-cont li{flex-basis:25%;box-sizing:border-box;margin:0 15px;text-align:center;font-size:16px}.brand-cont2-box .card-cont li p{background-color:var(--main-color)}.brand-cont2-box .card-cont li .img-box{padding:30px;border-radius:50%;position:relative}.brand-cont2-box .card-cont li .img-box img{position:relative;z-index:11}.brand-cont2-box .card-cont li .img-box::after{content:"";position:absolute;left:0;right:0;height:50%;bottom:0;background:var(--main-color);z-index:0}.brand-cont2-box .card-cont li .txt{padding:20px 30px 50px 30px}.column-title{color:var(--color-dark);border-bottom:2px var(--color-dark) solid;padding-bottom:8px;display:flex;justify-content:space-between;align-items:first baseline;font-size:30px}.column-title .en{font-family:"Qanoar"}.column-title.theme-white{--color-dark:#fff}.case-cont{margin-top:50px}.case-cont ul{display:flex;justify-content:space-between;position:relative}.case-cont .case-list1{max-width:1560px;margin:60px auto 50px auto}.case-cont .case-list1 li{width:33.33%;box-sizing:border-box;padding:.5px}.case-cont .case-list1 li:nth-child(2) img:last-child{margin-top:1px}.case-cont .case-list1 li.title{position:absolute;top:0;right:0;height:100%;display:flex;align-items:center;justify-content:center}.case-cont .case-list1 li.title .bg{display:none}.case-cont .case-list1 li.title .img{width:71%}.case-cont .case-txt{color:#333;font-size:var(--font-size)}.case-cont .case-txt p{padding-bottom:25px}.case-cont .case-list2{flex-wrap:wrap}.case-cont .case-list2 li{width:33.33%;padding:.5px;box-sizing:border-box}.case-cont .case-list2 li:nth-child(1),.case-cont .case-list2 li:nth-child(2){width:50%}.cooperation-box{padding-top:90px;position:relative;padding-bottom:90px;color:#fff}.cooperation-box .details-inner-txt{border-top:2px #fff solid;padding-top:30px;margin-bottom:30px}.cooperation-box .img-group{position:relative;margin-top:30px}.cooperation-box .img-group .circle-img{position:absolute;left:50%;transform:translate(-50%, 0);top:0}.cooperation-box .img-group ul{display:flex;align-items:flex-end;position:relative;justify-content:space-between;flex-wrap:wrap}.cooperation-box .img-group ul li{box-sizing:border-box}.cooperation-box .img-group ul.group-item1{margin-left:-9px;margin-right:-9px}.cooperation-box .img-group ul.group-item1 li{width:50%;padding:9px}.cooperation-box .img-group ul.group-item2{margin-left:-4px;margin-right:-4px}.cooperation-box .img-group ul.group-item2 li{width:16.66%;padding:4px}.cooperation-box .img-group ul.group-item2 li img{border:5px #dcdcdc solid;box-sizing:border-box}.cooperation-box .word{position:absolute;width:9.375vw;max-width:180px;top:0}.cooperation-box .word.left{left:calc(-9.375vw - 100px)}.cooperation-box .word.right{right:calc(-9.375vw - 100px)}.cooperation-box::before,.cooperation-box::after{content:"";width:100%;left:0;position:absolute;z-index:-1}.cooperation-box::before{background-color:#6c6381;height:55%;top:0}.cooperation-box::after{background-color:#d5d1c6;height:45%;bottom:0}.join-btn{width:291px;height:103px;background:url(../images/join-btn.png) no-repeat;display:inline-block;overflow:hidden;text-indent:-999px;transition:all .275s linear}.join-btn:hover{transform:translate(0, -5px)}.map-box{height:897px;background:url(../images/cooperation/map-bg.jpg) no-repeat top center #6c6381}.map-box .wrap-box{height:100%;display:flex;justify-content:center;align-items:center}.map-box .inner-txt{max-width:820px;color:#000;text-align:center;display:flex;justify-content:center;text-align:center;font-size:24px}.map-box .inner-txt h3{font-size:1.5em;padding-bottom:10px;padding-top:10px}.map-box .inner-txt p{margin-bottom:40px}@media screen and (max-width: 1600px){.return-btn{left:50px}}@media screen and (max-width: 1441px){:root{--font-size:15px;--f-size-24:18px}.logo{left:30px;top:30px}.nav-box{right:30px;top:30px}.nav-box .nav-list li{font-size:26px;line-height:1.5}}@media screen and (max-width: 768px){:root{--font-size:14px;--f-size-24:16px}.column-banner{height:85vh}.banner-inner .banner-til{font-size:44px}.contact-cont .wrap-box{flex-direction:column;align-items:center}.contact-cont h3{width:100%;font-size:28px;padding:0;text-align:center;top:-25px}.contact-cont .contact-info{width:320px;box-sizing:border-box;order:2;margin-right:0;height:auto;padding:25px;margin-bottom:30px;margin-top:0}.contact-cont .contact-info .item{margin:10px 0;line-height:18px}.contact-cont .contact-info .item .icon-tel,.contact-cont .contact-info .item .icon-address{width:44px;height:44px;background-size:24px 24px}.contact-cont .contact-info .item .icon-address{background-position:50% calc(50% - 2px)}.contact-cont .inner{width:100%;padding-top:50px;padding-bottom:10px;order:1;display:flex;justify-content:center}.contact-cont .inner ul{max-width:320px}.contact-cont .inner ul li{flex-basis:50%}.contact-cont .inner ul li .num{font-size:66px}.contact-cont .inner ul li h4{font-size:38px}.brand-cont1-box .inner-img{margin-top:0}.details-inner-txt{flex-direction:column}.details-inner-txt p{width:100%;line-height:28px;padding-bottom:20px}.details-inner-txt .en{font-size:14px}.brand-intro{padding:35px 20px}.brand-intro h3{font-size:20px;line-height:1.5}.column-title{font-size:24px}.brand-cont2-box{background-size:960px 1000px}.brand-cont2-box .card-cont{flex-wrap:wrap;margin:0}.brand-cont2-box .card-cont li{flex-basis:48%;margin:0 0 25px 0}.brand-cont2-box .card-cont li:nth-child(3) .img-box,.brand-cont2-box .card-cont li:nth-child(4) .img-box{border-radius:0}.return-btn{transform:scale(0.675);top:10%;left:10px}.cooperation-box{padding-top:45px;padding-bottom:45px}.cooperation-box .details-inner-txt{margin-bottom:0}.cooperation-box .img-group ul.group-item2{margin-left:-9px;margin-right:-9px}.cooperation-box .img-group ul.group-item2 li{width:33.33%;padding:9px}.join-btn{width:145px;height:51px;background-size:100%}.map-box{height:450px;background-size:auto 100%}.map-box .inner-txt{width:65%;font-size:16px;padding-top:20px}.map-box .inner-txt h3{padding-top:0}.map-box .inner-txt p{margin-bottom:15px;line-height:1.4}}@media screen and (max-width: 480px){:root{--font-size:12px}.logo{transform:scale(0.65);transform-origin:left top;left:20px;top:24px}.nav-box{right:20px;top:20px;padding-bottom:50px}.nav-box .nav-list li{font-size:15px;line-height:1.5}.nav-box .link-btn{width:28px;height:28px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.banner-inner .banner-til{font-size:30px;margin-bottom:10px}.banner-inner .txt{font-size:13px;margin-top:10px}.brand-cont1-box{padding-top:70px;padding-bottom:20px}.brand-cont2-box{background-size:960px 540px;padding-top:40px}.brand-cont2-box .color-inner{padding-top:15px;padding-bottom:15px}.brand-cont2-box .color-inner ul{padding-top:20px}.brand-cont2-box .card-cont{padding-top:30px}.brand-cont2-box .card-cont li{margin:0 0 15px 0;font-size:12px}.brand-cont2-box .card-cont li .img-box{padding:15px}.brand-cont2-box .card-cont li .txt{padding:0 15px 20px 15px}.case-cont{margin-top:20px}.case-cont .case-list1{flex-wrap:wrap;margin-top:20px;margin-bottom:25px}.case-cont .case-list1 li{width:50%;order:4}.case-cont .case-list1 li:nth-child(3){order:3}.case-cont .case-list1 li:first-child{order:1}.case-cont .case-list1 li.title{order:2;position:relative}.case-cont .case-list1 li.title .bg{display:block}.case-cont .case-list1 li.title .img{width:100%;position:absolute}.case-cont .case-list2 li{width:100%}.case-cont .case-list2 li:nth-child(1),.case-cont .case-list2 li:nth-child(2){width:100%}.column-title{font-size:20px}.germany-img::after{height:60px;bottom:20px}.return-btn{transform:scale(0.5);left:10px;top:55px}.cooperation-box .img-group ul.group-item1 li{width:100%}.cooperation-box .img-group ul.group-item2 li{width:50%}.map-box{background:url(../images/cooperation/map-bg@2x.jpg) no-repeat top center;background-size:cover}.map-box .inner-txt{width:85%;font-size:14px}.footer{padding:30px 0 20px 0}.footer .copyright-wrap{font-size:12px}.footer .copyright-wrap .logo{margin-bottom:15px}.footer .copyright-wrap .txt{padding-top:10px}.footer .copyright-wrap .copyright-info{width:70%}.footer .copyright-wrap .qr-code{width:65px}}@media screen and (max-width: 375px){.contact-cont h3{font-size:22px}}@media screen and (max-width: 320px){.footer{padding:30px 0 20px 0}.footer .copyright-wrap{flex-direction:column;align-items:flex-start}.footer .copyright-wrap .copyright-info{width:100%}.footer .copyright-wrap .qr-code{padding-top:14px}}
.theme-black .scene-swiper-box .swiper-slide .front-box .inner-content h2{color:#000}.theme-black .scene-swiper-box .swiper-slide .intro-content .inner{color:#000}.theme-black .swiper-button-box .swiper-prev-btn,.theme-black .swiper-button-box .swiper-next-btn{color:#000}.theme-black .swiper-button-box .swiper-prev-btn::before,.theme-black .swiper-button-box .swiper-next-btn::before{border-color:#000}.theme-black .swiper-button-box .swiper-prev-btn::after,.theme-black .swiper-button-box .swiper-next-btn::after{background:rgba(0,0,0,.6)}.theme-black .swiper-button-box svg path{stroke:#000}.scene-swiper-box{width:100%;position:absolute;top:0;bottom:0;left:0}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .front-box .front-bg{transform:translate3d(-50%, 0, 0) scale(1.1)}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .front-box .front-border-bg{opacity:.75;transform:translate3d(-50%, 0, 0) scale(1.11) rotate(1.5deg)}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .front-box .back-bg{transform:scale(1.1);opacity:1}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .front-box .inner-content .right-item{transform:scale3d(0, 1, 1);opacity:0;transition-delay:0s}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .front-box .inner-content .left-item .img-box{opacity:0;transition-delay:0s}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .front-box .inner-content .left-item .img-box img{transform:translate3d(-100%, 0, 0);transition-delay:0s}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .front-box .inner-content .left-item .bg{transform:scale(0);opacity:0;transition-delay:0s}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .front-box .inner-content h2{transform:translate3d(-50%, 0, 0) scale(3, 1.25);opacity:0;transition-delay:0s}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .front-box .inner-content h2.header-til{transform:translate3d(-50%, -200%, 0) scale(1.25, 1.25)}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .intro-content{transition-delay:0s;z-index:909}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .intro-content .inner .letter{opacity:1;transform:scale(1);transition-delay:.5s}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .intro-content .inner .header-til h3{transition-delay:.75s;opacity:1}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .intro-content .inner .header-til h3:first-child{transform:rotateY(0)}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .intro-content .inner .header-til h3:nth-child(2){transform:rotateY(0)}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .intro-content .inner .en-txt,.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .intro-content .inner .zh-txt{opacity:1;transform:translate3d(0, 0, 0);transition-delay:.75s}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .intro-content .inner .en-txt{transition-delay:.75s}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .intro-content .inner .zh-txt{transition-delay:.85s}.scene-swiper-box.flipped .swiper-slide .front-box .front-bg{border-radius:0 25% 25% 0/0 50% 50% 0;transform:translate3d(-50%, 0, 0) scale(1.1)}.scene-swiper-box.flipped .swiper-slide .front-box .front-border-bg{opacity:0;border-radius:0 25% 25% 0/0 50% 50% 0;transform:translate3d(-50%, 0, 0) scale(1.11) rotate(1.5deg)}.scene-swiper-box.flipped .swiper-button-box .swiper-prev-btn{opacity:0;transition-delay:0s}.scene-swiper-box.flipped .swiper-button-box .swiper-next-btn{transform:translate3d(-360px, 0, 0)}.scene-swiper-box.flipped .upside-down-container .txt{transform:translate3d(-50%, -50%, 0) rotate(180deg)}.scene-swiper-box.flipped .upside-down-container .btn_words_container{transform:rotate(180deg)}.scene-swiper-box .swiper-slide{--slide-bg:#ffffff}.scene-swiper-box .swiper-slide.swiper-slide-active .front-box .inner-content .left-item .img-box{opacity:1;transition-delay:.85s}.scene-swiper-box .swiper-slide.swiper-slide-active .front-box .inner-content .left-item .img-box img{transform:translate3d(0, 0, 0);transition-delay:.75s}.scene-swiper-box .swiper-slide.swiper-slide-active .front-box .inner-content .left-item .bg{transform:scale(1);opacity:.75;transition-delay:.5s}.scene-swiper-box .swiper-slide.swiper-slide-active .front-box .inner-content .right-item{transform:scale3d(1, 1, 1);opacity:1;transition-delay:.75s}.scene-swiper-box .swiper-slide.swiper-slide-active .front-box .inner-content h2{opacity:1;transform:translate3d(-50%, 0, 0) scale(1);transition-delay:.5s}.scene-swiper-box .swiper-slide .front-box{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.scene-swiper-box .swiper-slide .front-box .bg-item{width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:cover;transition:all .75s ease-in;transform:translate3d(0, 0, 0) scale(0.9)}.scene-swiper-box .swiper-slide .front-box .front-bg{z-index:50;background-position:center center}.scene-swiper-box .swiper-slide .front-box .front-bg.bg-scale-item{transform:translate3d(0, 0, 0) scale(1.1)}.scene-swiper-box .swiper-slide .front-box .front-border-bg{opacity:0;background:linear-gradient(to top, #b56941, #539398 57%, #eebba0);z-index:45}.scene-swiper-box .swiper-slide .front-box .back-bg{z-index:40;background-position:right center;transform-origin:right center;opacity:0}.scene-swiper-box .swiper-slide .front-box .inner-content{max-width:720px;height:56vh;max-height:520px;position:relative;z-index:80}.scene-swiper-box .swiper-slide .front-box .inner-content a{width:100%;height:100%;display:block;position:relative;display:flex;justify-content:space-between}.scene-swiper-box .swiper-slide .front-box .inner-content img{width:100%;height:100%;object-fit:cover}.scene-swiper-box .swiper-slide .front-box .inner-content .left-item,.scene-swiper-box .swiper-slide .front-box .inner-content .right-item{width:360px;height:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.scene-swiper-box .swiper-slide .front-box .inner-content .right-item{transition:transform .4s ease .35s,opacity .4s ease .35s;transform:scale3d(0, 1, 1);transform-origin:right center}.scene-swiper-box .swiper-slide .front-box .inner-content .left-item .img-box{width:200px;height:62.5%;border-radius:100px 100px 0 0;overflow:hidden;background:rgba(0,0,0,.4);opacity:0;transition:transform .4s ease,opacity .4s ease}.scene-swiper-box .swiper-slide .front-box .inner-content .left-item .img-box img{transform:translate3d(-100%, 0, 0);border-radius:inherit;transform-origin:left center;transition:transform .75s ease}.scene-swiper-box .swiper-slide .front-box .inner-content .left-item .bg{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background-color:var(--slide-bg);transform:scale(0);opacity:0;transition:transform .75s ease,opacity .75s ease-in;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000}.scene-swiper-box .swiper-slide .front-box .inner-content h2{width:300%;text-align:center;position:absolute;line-height:1;left:50%;transform:translate3d(-50%, 0, 0) scale(0);z-index:90;font-family:"Qanoar";font-size:7vw;color:#fff;text-transform:capitalize;opacity:0;transition:transform .75s var(--bezier-mazel),opacity .75s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000}.scene-swiper-box .swiper-slide .front-box .inner-content h2.header-til{top:-42%}.scene-swiper-box .swiper-slide .front-box .inner-content h2.footer-til{bottom:-20%}.scene-swiper-box .swiper-slide .front-box .inner-content h2 .name{font-size:.15em;transform:translate(0, 2.5em);letter-spacing:5px}.scene-swiper-box .swiper-slide.scene-1 .front-box .front-bg{background-image:url(../images/scene1-bg.jpg)}.scene-swiper-box .swiper-slide.scene-1 .front-box .back-bg{background-image:url(../images/scene1-img-b.jpg)}.scene-swiper-box .swiper-slide.scene-2 .front-box .front-bg{background-image:url(../images/scene2-bg.jpg)}.scene-swiper-box .swiper-slide.scene-2 .front-box .back-bg{background-image:url(../images/scene2-img-b.jpg)}.scene-swiper-box .swiper-slide.scene-3 .front-box .front-bg{background-image:url(../images/scene3-bg.jpg)}.scene-swiper-box .swiper-slide.scene-3 .front-box .back-bg{background-image:url(../images/scene3-img-b.jpg)}.scene-swiper-box .swiper-slide.scene-4 .front-box .front-bg{background-image:url(../images/scene4-bg.jpg)}.scene-swiper-box .swiper-slide.scene-4 .front-box .back-bg{background-image:url(../images/scene4-img-b.jpg)}.scene-swiper-box .swiper-slide.scene-5 .front-box .front-bg{background-image:url(../images/scene5-bg.jpg)}.scene-swiper-box .swiper-slide.scene-5 .front-box .back-bg{background-image:url(../images/scene5-img-b.jpg)}.scene-swiper-box .swiper-slide.scene-1{--slide-bg:#ffffff}.scene-swiper-box .swiper-slide.scene-2{--slide-bg:#82a799}.scene-swiper-box .swiper-slide.scene-2 .intro-content .inner .letter{left:-16%}.scene-swiper-box .swiper-slide.scene-3{--slide-bg:#666666}.scene-swiper-box .swiper-slide.scene-4{--slide-bg:#2c7a84}.scene-swiper-box .swiper-slide.scene-4 .intro-content .inner .letter{left:0}.scene-swiper-box .swiper-slide.scene-5{--slide-bg:#95562b}.scene-swiper-box .swiper-slide .intro-content{width:920px;height:100%;z-index:-1;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%, 0);transition:all 0s linear 1s;display:flex;align-items:center}.scene-swiper-box .swiper-slide .intro-content .inner{position:relative;margin-top:5%;width:440px;display:block;color:#fff}.scene-swiper-box .swiper-slide .intro-content .inner .letter{font-family:"Qanoar";font-size:240px;position:absolute;z-index:0;bottom:46%;left:-25%;line-height:1;color:var(--slide-bg);opacity:0;transform:scale(0.875);transform-origin:left center;transition:all .75s ease-in}.scene-swiper-box .swiper-slide .intro-content .inner .header-til{padding-bottom:20px;position:relative;z-index:10}.scene-swiper-box .swiper-slide .intro-content .inner .header-til h3{transition:transform .75s ease-in,opacity .75s ease-in;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000;position:relative;z-index:20}.scene-swiper-box .swiper-slide .intro-content .inner .header-til h3:first-child{transform:rotateX(-90deg) translateZ(0)}.scene-swiper-box .swiper-slide .intro-content .inner .header-til h3:nth-child(2){transform:rotateX(90deg) translateZ(0)}.scene-swiper-box .swiper-slide .intro-content .inner .en-txt,.scene-swiper-box .swiper-slide .intro-content .inner .zh-txt{font-size:18px;padding-top:30px;padding-bottom:20px;position:relative;z-index:11;font-weight:300;opacity:0;transform:translate3d(0, 30px, 0);transition:all .75s ease}.scene-swiper-box .swiper-slide .intro-content .inner .zh-txt h4{font-size:1.35em;padding-bottom:10px}.scene-swiper-box .swiper-slide .intro-content .inner h3{font-size:48px;line-height:2;font-family:"Qanoar"}.scene-swiper-box .swiper-slide-active{z-index:900}.scene-swiper-box .swiper-pagination{bottom:6.5%}.scene-swiper-box .swiper-pagination-bullet{width:12px;height:12px;border:1px #fff solid;opacity:1;background:none}.scene-swiper-box .swiper-pagination-bullet-active{background:#fff}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}.swiper-button-box{width:800px;height:0;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:200;font-family:"Albegos"}.swiper-button-box .swiper-prev-btn,.swiper-button-box .swiper-next-btn{position:absolute;cursor:pointer;font-size:20px;line-height:1.6;color:#fff}.swiper-button-box .swiper-prev-btn::before,.swiper-button-box .swiper-prev-btn::after,.swiper-button-box .swiper-next-btn::before,.swiper-button-box .swiper-next-btn::after{content:"";position:absolute;border-radius:50%;transition:transform .275s ease-in}.swiper-button-box .swiper-prev-btn::before,.swiper-button-box .swiper-next-btn::before{width:18px;height:18px;border:1px #fff solid;background:none;top:18px}.swiper-button-box .swiper-prev-btn::after,.swiper-button-box .swiper-next-btn::after{width:12px;height:12px;background-color:rgba(255,255,255,.6);top:22px}.swiper-button-box .swiper-prev-btn .text,.swiper-button-box .swiper-next-btn .text{position:relative}.swiper-button-box .swiper-prev-btn .text span,.swiper-button-box .swiper-next-btn .text span{transition:transform .275s ease-in,opacity .275s ease-in;display:inline-block;opacity:.75}.swiper-button-box .swiper-prev-btn .text span:nth-child(1),.swiper-button-box .swiper-next-btn .text span:nth-child(1){transition-delay:.1s}.swiper-button-box .swiper-prev-btn .text span:nth-child(2),.swiper-button-box .swiper-next-btn .text span:nth-child(2){transition-delay:.2s}.swiper-button-box .swiper-prev-btn .text span:nth-child(3),.swiper-button-box .swiper-next-btn .text span:nth-child(3){transition-delay:.3s}.swiper-button-box .swiper-prev-btn .text span:nth-child(4),.swiper-button-box .swiper-next-btn .text span:nth-child(4){transition-delay:.4s}.swiper-button-box .swiper-prev-btn:hover .text span,.swiper-button-box .swiper-next-btn:hover .text span{transform:translateY(-5px);opacity:1}.swiper-button-box svg{transition:transform .375s ease-in}.swiper-button-box svg path{stroke:#fff}.swiper-button-box .swiper-prev-btn{transition:all .75s ease;transition-delay:.5s;left:-220px}.swiper-button-box .swiper-prev-btn::before{left:-20px}.swiper-button-box .swiper-prev-btn::after{left:-16px}.swiper-button-box .swiper-prev-btn:hover svg{transform:translate(-4px, 0)}.swiper-button-box .swiper-prev-btn:hover::before,.swiper-button-box .swiper-prev-btn:hover::after{transform:translate(-6px, 0)}.swiper-button-box .swiper-next-btn{right:-220px;text-align:right;transition:all .75s ease-in}.swiper-button-box .swiper-next-btn::before{right:-20px}.swiper-button-box .swiper-next-btn::after{right:-16px}.swiper-button-box .swiper-next-btn:hover svg{transform:translate(4px, 0)}.swiper-button-box .swiper-next-btn:hover::before,.swiper-button-box .swiper-next-btn:hover::after{transform:translate(6px, 0)}.swiper-button-box.theme-black .swiper-prev-btn,.swiper-button-box.theme-black .swiper-next-btn{color:#000}.swiper-button-box.theme-black .swiper-prev-btn::before,.swiper-button-box.theme-black .swiper-next-btn::before{border-color:#000}.swiper-button-box.theme-black .swiper-prev-btn::after,.swiper-button-box.theme-black .swiper-next-btn::after{background-color:rgba(0,0,0,.5)}.swiper-button-box.theme-black svg path{stroke:#000}.upside-down-container{background:none;position:absolute;right:calc(50% - 740px);bottom:calc(50% - 480px);width:136px;height:156px;z-index:300}.upside-down-container .txt{transition:transform .75s ease-in;transform-origin:center center;color:#fff;font-size:var(--font-size);line-height:1;position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0)}.upside-down-container .st0{fill:rgba(181,105,65,.5)}.upside-down-container .st1{fill:#fff}.upside-down-container .st2{fill:none;stroke:#fff;stroke-miterlimit:10}.upside-down-container .circle1{animation:move_circle1 4s linear infinite}.upside-down-container .circle2{animation:move_circle2 4s linear infinite}.upside-down-container .btn_words_container{transition:transform .75s ease-in;transform-origin:center center}.upside-down-container:hover .st0{fill:rgba(181,105,65,.6)}.loading-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000008;background-color:#f9f3f0;display:flex;justify-content:center;align-items:center}.loading-mask h2{font-size:60px;font-weight:bold;border-top:1px #dedede solid;border-bottom:1px #dedede solid;margin-bottom:20px}.loading-mask .loading-txt{font-family:"Qanoar";font-size:48px;text-transform:uppercase;display:inline-block;position:relative;padding-right:40px;opacity:.5}.loading-mask .loading-txt span{width:6px;height:6px;position:absolute;background-color:#000;display:block;border-radius:50%;top:60%;right:10px}.loading-mask .loading-txt span::before,.loading-mask .loading-txt span::after{content:"";width:inherit;height:inherit;border-radius:inherit;background-color:inherit;position:absolute;top:0}.loading-mask .loading-txt span::before{left:-10px}.loading-mask .loading-txt span::after{right:-10px}.loading-mask .inner{display:flex;flex-direction:column;align-items:center}.loading-bar{width:480px;height:48px;border:2px #727171 solid;margin-top:30px;position:relative;padding:4px;box-sizing:border-box;border-radius:50px}.inner-bar{width:9%;height:100%;border-radius:50px;position:relative;background-color:#727171}.inner-bar .slider{width:54px;height:54px;background:url(../images/loading-img.png) no-repeat;background-size:cover;position:absolute;bottom:-6px;right:-24px}.index-copyright{width:100%;box-sizing:border-box;padding:0 20px;position:absolute;bottom:20px;left:0;color:#fff;z-index:999;text-align:center;line-height:1.3}.index-copyright span{display:inline-block;padding:0 10px}.index-copyright a{color:#fff}@media screen and (max-height: 1050px){.upside-down-container{bottom:calc(50% - 380px)}}@keyframes move_circle1{0%{transform:translateY(0%)}50%{transform:translateY(-14%)}100%{transform:translateY(0%)}}@keyframes move_circle2{0%{transform:translateY(0%)}50%{transform:translateY(14%)}100%{transform:translateY(0%)}}@media screen and (max-width: 1920px){.scene-swiper-box .swiper-slide .front-box .inner-content h2.header-til{top:-30%}.scene-swiper-box .swiper-slide .front-box .inner-content h2.footer-til{bottom:-13%}.upside-down-container{right:calc(50% - 680px)}}@media screen and (max-width: 1441px){.scene-swiper-box .swiper-slide .front-box .inner-content h2.header-til{top:-20%}.scene-swiper-box .swiper-slide .front-box .inner-content h2.footer-til{bottom:-12%}.scene-swiper-box .swiper-slide .intro-content{width:900px}.scene-swiper-box .swiper-slide .intro-content .inner .letter{font-size:180px;left:-15%}.scene-swiper-box .swiper-slide .intro-content .inner .en-txt,.scene-swiper-box .swiper-slide .intro-content .inner .zh-txt{font-size:14px;padding-top:15px;padding-bottom:14px}.scene-swiper-box .swiper-slide .intro-content .inner h3{font-size:40px}.scene-swiper-box .swiper-slide.scene-2 .intro-content .inner .letter{left:-12%}.scene-swiper-box .swiper-pagination{bottom:20px}.upside-down-container{right:5%;bottom:6%}.upside-down-container svg{transform:scale(0.75)}}@media screen and (max-width: 1200px){.swiper-button-box{width:100%}.swiper-button-box .swiper-prev-btn{left:50px}.swiper-button-box .swiper-next-btn{right:50px}}@media screen and (max-width: 768px){.swiper-button-box{top:calc(50% - 28px)}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .front-box .front-bg{transform:translate3d(0, -45%, 0) scale(1.15)}.scene-swiper-box.flipped .swiper-slide.swiper-slide-active .front-box .front-border-bg{transform:translate3d(0, -45%, 0) scale(1.16) rotate(2deg)}.scene-swiper-box.flipped .swiper-slide .front-box .front-bg{border-radius:0px 50% 50%/0px 0px 25% 25%;transform:translate3d(0, -45%, 0)}.scene-swiper-box.flipped .swiper-slide .front-box .front-border-bg{border-radius:0px 50% 50%/0px 0px 25% 25%;transform:translate3d(0, -45%, 0)}.scene-swiper-box.flipped .swiper-button-box .swiper-next-btn{transform:translate3d(0, 400%, 0)}.scene-swiper-box .swiper-slide .front-box .front-border-bg{background:linear-gradient(to right, #b56941, #539398 57%, #eebba0)}.scene-swiper-box .swiper-slide .front-box .back-bg{background-size:100% auto;background-position:bottom center;transform-origin:bottom center}.scene-swiper-box .swiper-slide .front-box .inner-content{width:60%;max-width:320px;height:80%;max-height:80vh}.scene-swiper-box .swiper-slide .front-box .inner-content a{display:flex;flex-direction:column}.scene-swiper-box .swiper-slide .front-box .inner-content .right-item{transform-origin:center center}.scene-swiper-box .swiper-slide .front-box .inner-content .left-item,.scene-swiper-box .swiper-slide .front-box .inner-content .right-item{width:100%;height:50%}.scene-swiper-box .swiper-slide .front-box .inner-content .left-item .img-box{width:50%;height:65%}.scene-swiper-box .swiper-slide .front-box .inner-content h2{font-size:8.5vw;transform:translate(-50%, -50%) scale(0)}.scene-swiper-box .swiper-slide .front-box .inner-content h2.header-til{top:40%}.scene-swiper-box .swiper-slide .front-box .inner-content h2.footer-til{top:54%;bottom:auto}.scene-swiper-box .swiper-slide.scene-1 .front-box .back-bg{background-image:url(../images/m-scene1-img-b.jpg)}.scene-swiper-box .swiper-slide.scene-2 .front-box .back-bg{background-image:url(../images/m-scene2-img-b.jpg)}.scene-swiper-box .swiper-slide.scene-3 .front-box .back-bg{background-image:url(../images/m-scene3-img-b.jpg)}.scene-swiper-box .swiper-slide.scene-4 .front-box .back-bg{background-image:url(../images/m-scene4-img-b.jpg)}.scene-swiper-box .swiper-slide.scene-5 .front-box .back-bg{background-image:url(../images/m-scene5-img-b.jpg)}.scene-swiper-box .swiper-slide .intro-content{width:100%;height:62.5%;justify-content:center}.scene-swiper-box .swiper-slide .intro-content .inner{width:80%;max-width:360px;margin-top:10%}.scene-swiper-box .swiper-slide .intro-content .inner .letter{font-size:160px}.scene-swiper-box .swiper-slide .intro-content .inner .en-txt{display:none}.scene-swiper-box .swiper-slide .intro-content .inner h3{font-size:36px}.scene-swiper-box .swiper-slide.swiper-slide-active .front-box .inner-content h2{transform:translate(-50%, -50%) scale(1)}.upside-down-container{right:50%;bottom:calc(10% - 60px);transform:translate3d(50%, 0, 0)}.upside-down-container svg{transform:scale(0.625)}.loading-mask .inner{width:100%;padding:0 25px;box-sizing:border-box}.inner-bar{min-width:44px}.loading-bar{width:100%}}@media screen and (max-width: 480px){.loading-mask h2{font-size:38px}.loading-mask .loading-txt{font-size:33px}.scene-swiper-box .swiper-pagination{bottom:0}.scene-swiper-box .swiper-pagination-bullet{width:6px;height:6px}.scene-swiper-box .swiper-slide .intro-content .inner{width:auto;margin-top:20%;max-width:68%}.scene-swiper-box .swiper-slide .intro-content .inner .letter{font-size:100px}.scene-swiper-box .swiper-slide .intro-content .inner h3{font-size:26px}.scene-swiper-box .swiper-slide .intro-content .inner .zh-txt{font-size:12px;line-height:1.5}.scene-swiper-box.flipped .swiper-button-box .swiper-next-btn{transform:translate3d(0, 280%, 0) scale(0.65)}.swiper-button-box{top:calc(50% - 30px)}.swiper-button-box .swiper-next-btn,.swiper-button-box .swiper-prev-btn{transform:scale(0.65)}.swiper-button-box .swiper-prev-btn{transform-origin:left center;left:30px}.swiper-button-box .swiper-next-btn{transform-origin:right center;right:30px}.upside-down-container svg{transform:scale(0.5)}}@media screen and (max-width: 320px){.loading-mask h2{font-size:33px}.loading-mask .loading-txt{font-size:30px}}
.products-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:url(../images/pro-list-bg.jpg) no-repeat top center;background-size:cover}.products-box{width:100vw;height:100vh;position:relative;z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;text-align:center;font-family:"Qanoar"}.products-box h2{font-size:60px;line-height:1.5}.products-list{width:1450px;margin:0 auto}.products-list ul{width:100%;display:flex;margin-top:100px}.products-list ul li{width:20%;box-sizing:border-box;padding:10px;position:relative;transition:transform .275s ease-in}.products-list ul li a{display:block;position:relative;background-color:#666;color:#fff;box-shadow:0 0 0 rgba(0,0,0,0);transition:all .275s linear}.products-list ul li .thumb{width:80%;height:350px;border-radius:50% 50% 50% 50%/25% 25% 25% 25%;overflow:hidden;margin:0 auto}.products-list ul li .thumb img{height:100%;object-fit:cover;object-position:center;transform:scale(1.05);transition:transform .75s ease-in}.products-list ul li .name{width:100%;position:absolute;left:50%;transform:translate(-50%, 0);font-size:30px}.products-list ul li .name-zh{width:100%;line-height:1.1;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:var(--font-size);text-shadow:1px 1px 3px rgba(0,0,0,.2)}.products-list ul li:nth-child(2) a{background-color:#c7c4bf}.products-list ul li:nth-child(3) a{background-color:#3d8c85}.products-list ul li:nth-child(4) a{background-color:#95562b}.products-list ul li:nth-child(5) a{background-color:#9cb7ad}.products-list ul li:nth-child(2n+1) a{padding-top:65px;padding-bottom:20px}.products-list ul li:nth-child(2n+1) .name{top:-60px}.products-list ul li:nth-child(2n){margin-top:-75px}.products-list ul li:nth-child(2n) a{padding-bottom:55px;padding-top:20px}.products-list ul li:nth-child(2n) .name{bottom:-50px}.products-list ul li:hover{transform:translate(0, -5px)}.products-list ul li:hover a{box-shadow:0 10px 20px rgba(0,0,0,.2)}.products-list ul li:hover .thumb img{transform:scale(1)}.products-info{max-width:930px;text-align:center;padding-top:5%;margin:0 auto;color:#fff}.products-info h2{font-size:48px;font-family:"Qanoar";padding-bottom:50px}.products-info p{font-size:var(--font-size)}.products-info .en{font-family:"Albegos"}.products-info ul{display:flex;padding-top:30px;padding-bottom:20px;justify-content:space-between}.products-info ul.list{padding-bottom:50px}.products-info ul li{padding:15px;width:33.33%;box-sizing:border-box}.gray-bg .products-swiper .swiper-slide .inner::before{background:linear-gradient(to bottom, rgba(241, 241, 241, 0), rgb(241, 241, 241) 65%)}.products-swiper{max-width:900px;margin-top:-300px;padding-left:30px;padding-bottom:80px;margin-left:auto;margin-right:auto;transform:translate(-15px, 0)}.products-swiper .swiper-slide{--cont-bg-color:#2c7a84;text-align:center}.products-swiper .swiper-slide.item1 .inner{box-shadow:-10px 30px 16px rgba(119,154,159,.4)}.products-swiper .swiper-slide.item1 .inner::after{background:linear-gradient(to bottom, rgba(44, 122, 132, 0.4) 70%, rgba(44, 122, 132, 0))}.products-swiper .swiper-slide.item2{--cont-bg-color:#9e5316}.products-swiper .swiper-slide.item2 .inner{box-shadow:-10px 30px 16px rgba(180,143,122,.4)}.products-swiper .swiper-slide.item2 .inner::after{background:linear-gradient(to bottom, rgba(158, 83, 22, 0.55) 70%, rgba(44, 122, 132, 0))}.products-swiper .swiper-slide.item3{--cont-bg-color:#579451}.products-swiper .swiper-slide.item3 .inner{box-shadow:-10px 30px 16px rgba(87,148,81,.3)}.products-swiper .swiper-slide.item3 .inner::after{background:linear-gradient(to bottom, rgba(87, 148, 81, 0.6) 70%, rgba(87, 148, 81, 0))}.products-swiper .swiper-slide .inner{position:relative;background-repeat:no-repeat;background-position:top center;background-size:100% auto !important;color:#fff}.products-swiper .swiper-slide .inner h3{font-family:"Qanoar";font-size:14px;min-height:70px;padding:50px 20px 20px 20px;position:relative;z-index:9}.products-swiper .swiper-slide .inner::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index:1}.products-swiper .swiper-slide .inner::before{content:"";position:absolute;height:50%;bottom:-50px;left:-28px;right:-28px;background:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255) 65%)}.products-swiper .swiper-slide .cont{width:80%;margin:0 auto;padding-bottom:80px;box-sizing:border-box;border-radius:120px;border:2px #cc9580 solid;position:relative;z-index:10;box-shadow:0 10px 0 rgba(0,0,0,.1);background-color:var(--cont-bg-color)}.products-swiper .swiper-slide .img-box{border-bottom:2px #ee1f27 solid;padding-bottom:26px;margin-top:-6px;margin-bottom:30px;position:relative}.products-swiper .swiper-slide .img-box img{max-width:144px;filter:drop-shadow(0 15px 30px rgba(0, 0, 0, 0.5))}.products-swiper .swiper-slide .img-box::before,.products-swiper .swiper-slide .img-box::after{content:"";width:33.33%;height:2px;position:absolute;bottom:-2px}.products-swiper .swiper-slide .img-box::before{left:0;background-color:#000}.products-swiper .swiper-slide .img-box::after{right:0;background-color:#ffce5c}.products-swiper.products-item1 .swiper-slide .inner{background-image:url(../images/products/01/list-bg.png)}.products-swiper.products-item2 .swiper-slide .inner{background-image:url(../images/products/02/list-bg.png)}.products-swiper.products-item3 .swiper-slide .inner{background-image:url(../images/products/03/list-bg.png)}.products-swiper.products-item4 .swiper-slide .inner{background-image:url(../images/products/04/list-bg.png)}.products-swiper.products-item5 .swiper-slide .inner{background-image:url(../images/products/05/list-bg.png)}.arrow-btn-next,.arrow-btn-prev{width:44px;height:44px;display:block;position:absolute;top:50%;margin-top:-20px;z-index:900;background-size:cover !important;cursor:pointer;outline:none}.arrow-btn-prev{background:url(../images/products/arrow-prev.png);left:0}.arrow-btn-next{background:url(../images/products/arrow-next.png);right:0}.pro-intro{max-width:1422px;margin:0 auto 80px auto;display:flex;flex-wrap:wrap;justify-content:space-evenly}.pro-intro .item{width:50%;box-sizing:border-box}.pro-intro .item.O-item{background:#c7c4bf}.pro-intro .item.E-item{background:#9cb7ae}.pro-intro .item.Z-item{background:#666}.pro-intro .item.I-item{background:#3d8c87}.pro-intro .item.V-item{background:#95562b}.pro-intro .item.img-item{padding-left:1px}.pro-intro .item .colour-atla{width:76.478%}.pro-intro .item .colour-atla h4{font-family:"Albegos";font-size:var(--font-size);font-weight:300}.pro-intro .item .colour-atla h4 .en{font-size:1.325em;padding-right:10px}.pro-intro .infor-content{padding:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.pro-intro .infor-content .infor{width:87.325%;font-size:var(--font-size);text-align:center;line-height:1.5}.pro-intro .infor-content .name-infor{width:100%;text-align:center}.pro-intro .infor-content .name-infor h3{font-family:"Albegos";font-size:var(--f-size-24)}.pro-intro .infor-content .name-infor h3 .en{display:block;margin:0 auto;font-size:2em;line-height:1}.pro-intro .infor-content .name-infor .img-box{width:30.985%;margin:0 auto}.icon-wrap-box{background-repeat:no-repeat;background-size:cover;background-position:center center;display:flex;justify-content:center;text-align:center;position:relative;padding:140px 25px}.icon-wrap-box.icon-bg1{background-image:url("../images/scene1-bg.jpg")}.icon-wrap-box.icon-bg2{background-image:url("../images/scene2-bg.jpg")}.icon-wrap-box.icon-bg3{background-image:url("../images/scene3-bg.jpg")}.icon-wrap-box.icon-bg4{background-image:url("../images/scene4-bg.jpg")}.icon-wrap-box.icon-bg5{background-image:url("../images/scene5-bg.jpg")}.icon-wrap-box::after{content:"";width:100%;left:0;top:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:0;position:absolute}.icon-wrap-box .inner{position:relative;z-index:20;color:#fff;font-family:"Albegos","PingFang SC","Microsoft YaHei"}.icon-wrap-box .inner h3{font-size:100px;text-transform:uppercase;line-height:1.2;padding:15px 0 10px 0}.icon-wrap-box .inner p{font-size:30px;text-transform:uppercase}.icon-wrap-box .icon-group{width:760px;margin-left:auto;padding-top:50px;margin-right:auto;display:flex;justify-content:space-between}.pro-cont4{position:relative;overflow:hidden;display:flex}.pro-cont4 .img-item{width:54%;height:100vh;max-height:960px;position:relative}.pro-cont4 .img-item img{width:100%;height:100%;object-fit:cover}.pro-cont4 .img-item .circle-img{position:absolute;top:50%;transform:translate(0, -50%);z-index:900;right:-160px}.pro-cont4 .infor{width:46%;background-color:#666;display:flex;flex-direction:column;text-align:center;font-size:var(--font-size)}.pro-cont4 .infor .t,.pro-cont4 .infor .b{width:100%;height:50%;background-color:#d5d5d5;display:flex;padding:30px;box-sizing:border-box;text-transform:uppercase;justify-content:center;align-items:center}.pro-cont4 .infor .b{background-color:#c7c4bf}.pro-cont4 .infor .b2{background-color:#9cb7ad}.pro-cont4 .infor .b3{background-color:#666;color:#fff}.pro-cont4 .infor .b4{background-color:#3d8c85;color:#fff}.pro-cont4 .infor .b5{background-color:#95562b;color:#fff}.circle-img{width:320px;height:320px;background:url(../images/circle.png) no-repeat;background-size:100%;display:block}.pro-cont5{padding-top:60px;padding-bottom:60px}.pro-cont5 h3{font-size:32px;color:#000;line-height:1.2;padding-bottom:15px}.pro-cont5 h3 span{display:block}.pro-cont5 h3 span.en{font-size:.75em;text-transform:uppercase;color:#999}.pro-cont5 ul li{display:flex;font-size:var(--font-size);margin-top:15px}.pro-cont5 ul li .label{width:15%;box-sizing:border-box;color:#787878;padding-left:20px;position:relative}.pro-cont5 ul li .label::before{content:"";width:6px;height:6px;background-color:#999;border-radius:50%;position:absolute;left:0;top:12px}.pro-cont5 ul li p{width:85%}.video-bg{background:url(../images/products/video-bg.png) no-repeat left center #c7c4bf;position:relative;padding:90px 0}.video-bg .wrap-box{display:flex;align-items:center;justify-content:space-between}.video-bg .video-til{color:#fff;letter-spacing:2px;text-transform:uppercase;font-size:20px;line-height:1}.video-bg .video-til h3{font-size:5em;font-family:"Albegos"}.video-bg .video-til .en{font-family:"Albegos";font-size:1.5em;padding-bottom:10px}.video-bg .video-box{width:56vw;margin-right:calc(-50vw + 610px)}@media screen and (max-height: 1150px){.products-swiper{margin-top:-200px}}@media screen and (max-height: 1060px){.products-swiper{margin-top:-120px}}@media screen and (max-height: 950px){.products-swiper{margin-top:-90px}}@media screen and (max-height: 1024px)and (max-width: 768px){.products-swiper{margin-top:-180px}}@media screen and (max-width: 1441px){.products-list{width:100%;box-sizing:border-box;padding:0 30px}.products-info h2{font-size:40px;padding-bottom:30px}.products-info ul{padding-top:10px}.products-info ul.list{padding-bottom:30px}}@media screen and (max-width: 1200px){.video-bg .video-box{margin-right:-20px}.pro-intro .item.img-item{height:788px}.pro-intro .item.img-item img{height:100%;object-fit:cover}}@media screen and (max-width: 768px){.products-box{height:auto;padding-top:180px}.products-box h2{font-size:44px}.products-list{max-width:540px}.products-list ul{flex-wrap:wrap}.products-list ul li{width:50%;margin-bottom:60px}.products-list ul li .thumb{height:280px}.products-list ul li .name{font-size:24px}.products-list ul li:nth-child(2n) .name{bottom:-40px}.products-list ul li:nth-child(2n+1) .name{top:-50px}.products-info{padding-top:180px}.products-swiper{width:75%}.arrow-btn-prev{left:20px}.arrow-btn-next{right:20px}.circle-img{width:160px;height:160px;display:none}.icon-wrap-box{padding:90px 25px}.icon-wrap-box .inner{width:100%}.icon-wrap-box .inner h3{font-size:60px}.icon-wrap-box .inner p{font-size:24px}.icon-wrap-box .icon-group{width:100%;box-sizing:border-box}.pro-intro{margin-bottom:30px}.pro-intro .infor-content{padding:40px 0}.pro-intro .infor-content .name-infor{padding:20px 0}.pro-intro .item{width:100%}.pro-intro .item.img-item{padding-left:0;height:auto}.pro-cont4 .img-item{height:50vh}.video-bg{padding:50px 0}.video-bg .wrap-box{flex-direction:column;align-items:flex-start;justify-content:flex-start}.video-bg .video-til{font-size:12px;padding-bottom:20px}.video-bg .video-box{width:100%;margin-right:0}}@media screen and (max-width: 480px){.products-box{padding-top:120px}.products-box h2{font-size:30px}.products-list{padding:0 10px}.products-list ul{flex-wrap:wrap}.products-list ul li{width:50%;margin-bottom:60px}.products-list ul li .thumb{height:230px}.products-list ul li .name{font-size:20px}.products-list ul li:nth-child(2n) .name{bottom:-32px}.products-list ul li:nth-child(2n+1) .name{top:-40px}.pro-swiper-wrap{padding:0}.arrow-btn-prev{left:10px}.arrow-btn-next{right:10px}.products-info{padding:0 15px;padding-top:120px}.products-info h2{font-size:28px;padding-bottom:25px}.products-info ul{padding-top:15px;flex-wrap:wrap}.products-info ul.list{margin-top:-20vh}.products-info ul.list li{width:100%;margin-bottom:30px}.products-info ul.list li:last-child{display:block}.products-info ul li{width:50%;padding:10px}.products-info ul li:last-child{display:none}.products-swiper{width:52%;margin-top:-240px;padding-left:24%;padding-right:24%;transform:translate(0, 0)}.products-swiper .swiper-slide{opacity:.5;transition:opacity .275s ease}.products-swiper .swiper-slide.swiper-slide-active{opacity:1}.products-swiper .swiper-slide .cont{padding-bottom:50px}.products-swiper .swiper-slide .img-box{margin-bottom:15px;padding-bottom:20px}.products-swiper .swiper-slide .inner h3{font-size:13px;padding:25px 15px;min-height:46px;line-height:23px}.pro-intro{margin-bottom:15px}.pro-intro .infor-content{padding:25px 0}.icon-wrap-box{padding:60px 25px}.icon-wrap-box .inner h3{font-size:40px}.icon-wrap-box .inner p{font-size:20px;line-height:1.1}.icon-wrap-box .icon-group{width:200px;padding-top:25px;flex-wrap:wrap}.icon-wrap-box .icon-group li{width:50%;box-sizing:border-box;padding:0 8px}.pro-cont4{flex-direction:column;margin-top:15px}.pro-cont4 .img-item{width:100%}.pro-cont4 .img-item .circle-img{transform:translate(50%, -50%);right:50%}.pro-cont4 .infor{width:100%}.pro-cont5{padding-top:30px;padding-bottom:30px}.pro-cont5 h3{font-size:22px;padding-bottom:5px}.pro-cont5 ul li{margin-top:10px;flex-direction:column}.pro-cont5 ul li .label{width:100%;padding-left:14px}.pro-cont5 ul li .label::before{top:8px}.pro-cont5 ul li p{width:100%;padding-left:14px;box-sizing:border-box}}