:root{--theme_color:#0057b8;--subtheme_color:#004589;--title_color:#242424;--content_color:#757575}*{margin:0;padding:0;box-sizing:border-box}.content{max-width:1220px;margin:0 auto;position:relative}.largecontent{max-width:100%;padding:0 4rem}html{scroll-behavior:smooth}.flex{display:flex}.wrap{flex-wrap:wrap}.flex1{flex:1}.flex2{flex:2}.flex3{flex:3}.between{justify-content:space-between}.center{text-align:center}.boxshadow{box-shadow:0 0 15px rgba(0,0,0,.1);background:#fff}.vertical{display:flex;flex-direction:column;justify-content:center}.head span{color:var(--theme_color);line-height:26px;text-transform:uppercase}.head h2{font-size:44px;font-weight:600;line-height:60px;color:var(--title_color)}ul{list-style:none}a{color:#1c232f;text-decoration:none;font-size:1rem}button,input{outline:none;border:none;font-family:unset}button{cursor:pointer}.flex_end{justify-content:flex-end}.flex_top{align-items:flex-start}.flex_bottom{align-items:flex-end}.only_mobile{display:none}.button{background-color:var(--theme_color);color:#fff;font-weight:500;display:block;text-align:center;transition:all 0.3s;cursor:pointer}.button:hover{background-color:var(--subtheme_color)}body>section{position:relative}.about_banner{padding:0;position:relative;height:100vh;max-height:1080px;display:flex;padding-bottom:8rem;flex-direction:column;justify-content:center}.about_banner strong{font-size:17px;display:inline-block;padding-left:110px;position:absolute;color:#fff;font-weight:300;left:50%;bottom:175px;transform:translateX(-50%) rotate(90deg)}.about_banner strong::after{content:'';display:block;width:5.625rem;height:1px;background-color:#fff;position:absolute;top:50%;transform:translateY(-50%);left:0}.about_banner .head{margin:0 auto;text-align:center}.about_banner .head span{color:#fff;font-size:18px}.about_banner .head h1{line-height:98px;color:#fff;padding-top:10px}.about_banner .head p{width:60%;margin:0 auto;color:#fff;font-size:17px;line-height:28px;padding-top:35px;font-weight:200}.head h1{font-size:80px;font-weight:600;line-height:95px;color:var(--title_color)}.head p{font-size:17px;line-height:30px;color:var(--content_color)}@media screen and (max-width:786px){.head span{font-size:14px}.head .subtitle{font-size:15px}.content{padding:0 1.2rem}.head span{font-size:14px}.head h1{font-size:25px;line-height:1.5}.head h2{font-size:22px;line-height:1.5;padding-top:0.5rem!important}.head p{font-size:.9rem;line-height:1.5rem}.button,.button_more{width:100px!important;height:36px!important;line-height:36px!important;font-size:14px!important}.button_more{line-height:36px!important}.about_banner{padding:0;height:50vh}.about_banner strong{display:none}.about_banner .head .subtitle{font-size:15px}.about_banner .head h1{line-height:1.5;padding-top:.5rem}.about_banner .head p{padding-top:1rem;width:100%;font-size:.9rem;line-height:1.5rem}}@media screen and (min-width:786px) and (max-width:1400px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1200px){.content{max-width:1000px}.about_banner .head p{width:80%}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}.about_about{overflow:hidden;padding:3rem 0;background:url(../jpg/about-about-bg40e8s3.jpg) no-repeat center / cover}.about_about .head{padding-top:155px;padding:155px 0 200px 49.2%}.about_about .head h2{position:relative;padding-bottom:42px;margin:18px 0 20px}.about_about .head h2::after{content:'';display:block;width:30px;height:3px;background-color:var(--theme_color);position:absolute;left:0;bottom:0}.about_about .head p{padding-top:30px}.about_about .head .button{font-size:18px;width:194px;height:54px;line-height:54px;margin-top:55px}.about_about .img{position:absolute;top:0;right:61.4754%;transition:all 0.8s;width:67.213%;height:100%}.about_about .img img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:786px){.head span{font-size:14px}.about_about{padding:50px 0}.about_about .img{position:static;width:100%;height:250px}.about_about .head{padding:30px 0 0}.about_about .head h2{padding:0 0 1rem!important;margin:0}.about_about .head p{line-height:1.5rem;padding-top:.5rem}.about_about .head .button{margin-top:1.2rem}.about_service .head p{width:100%;padding-top:.5rem;padding-bottom:0}.head p{font-size:.9rem;line-height:1.5rem}}@media screen and (min-width:786px) and (max-width:1400px){.content{padding:0 1.2rem}.about_about .img{right:55%}.about_about .head{padding-top:50px;padding-bottom:50px}}@media screen and (min-width:786px) and (max-width:1200px){.content{max-width:1000px}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}.swiper_content{max-width:1240px;margin:0 auto;position:relative;padding:10px;overflow:hidden}.about_service{padding-top:180px}.about_service .head div{flex:1;padding-right:6%}.about_service .head h2{padding-top:15px}.about_service .head p{width:45.3%;padding-bottom:10px}.about_service .about_service_swiper_box{position:relative;margin:90px 0 70px}.about_service .about_service_swiper_box .swiper_btns{width:72.465%}.about_service .about_service_swiper_box .swiper_btns div{width:1rem;height:30px}.about_service .about_service_swiper_box .swiper-pagination{left:50%;transform:translateX(-50%);bottom:-70px}.about_service .about_service_swiper_box .swiper-pagination .swiper-pagination-bullet{width:13px;height:13px;opacity:1;border-radius:50%;border:1px solid rgba(0,0,0,.3);background-color:transparent;margin:0 8px}.about_service .about_service_swiper_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--theme_color);border-color:var(--theme_color)}.about_service .about_service_swiper li{box-shadow:0 0 15px rgba(0,0,0,.1);border-bottom:5px solid var(--theme_color);display:block;height:380px;padding:55px 35px;overflow:hidden;transition:all 0.3s}.about_service .about_service_swiper li:hover{background-color:var(--theme_color)}.about_service .about_service_swiper li:hover .img{filter:contrast(0) brightness(20)}.about_service .about_service_swiper li:hover h3,.about_service .about_service_swiper li:hover p,.about_service .about_service_swiper li:hover strong{color:#fff}.about_service .about_service_swiper li:hover strong{padding-right:35px}.about_service .about_service_swiper li:hover strong::after{filter:contrast(0) brightness(20)}.about_service .about_service_swiper .img{width:58px;height:58px}.about_service .about_service_swiper .img img{width:100%;height:100%;object-fit:contain}.about_service .about_service_swiper h3{color:#1d1d1d;font-size:24px;font-weight:600;line-height:31px;margin:30px 0 20px;transition:all 0.3s;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.about_service .about_service_swiper p{color:gray;line-height:26px;margin-bottom:46px;transition:all 0.3s;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.about_service .about_service_swiper strong{font-size:1rem;font-weight:600;color:var(--theme_color);transition:all 0.3s;position:relative;padding-right:25px}.about_service .about_service_swiper strong::after{content:'';display:block;width:15px;height:8px;background:url(../svg/right-line-bluevkt1wv.svg) no-repeat center / contain;position:absolute;right:0;top:50%;transform:translateY(-50%)}.swiper_btns{width:92.8%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-between;z-index:2}@media screen and (max-width:786px){.head span{font-size:14px}.about_service .head p{width:100%;padding-top:.5rem;padding-bottom:0}.about_service{padding:5rem 0 50px}.about_service .head{display:block}.about_service .head div{padding:0}.about_service .about_service_swiper_box{margin:30px 0}.about_service .about_service_swiper_box .swiper_btns{display:none}.about_service .about_service_swiper_box .swiper-pagination{bottom:-30px}.about_service .about_service_swiper_box .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 4px}.about_service .about_service_swiper a{padding:2rem 1rem;height:auto}.about_service .about_service_swiper .img{width:2.5rem;height:2.5rem}.about_service .about_service_swiper h3{font-size:1rem;line-height:1.5;margin:1rem 0 .5rem}.about_service .about_service_swiper p{font-size:.9rem;line-height:1.5rem;margin-bottom:1rem}.about_service .about_service_swiper strong{font-size:14px}.about_service .about_service_swiper li{height:auto;min-height:363px}}@media screen and (min-width:786px) and (max-width:1800px){.about_service .about_service_swiper_box .swiper_btns{width:1300px;display:flex}}@media screen and (min-width:786px) and (max-width:1600px){.about_service .about_service_swiper_box .swiper_btns{width:1300px;display:flex}}@media screen and (min-width:786px) and (max-width:1400px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1300px){.about_service .about_service_swiper_box .swiper_btns{display:none}}@media screen and (min-width:786px) and (max-width:1200px){.content{max-width:1000px}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}.about_factory{overflow:hidden;padding:185px 0 200px}.about_factory .head h2{padding-top:18px}.about_factory .head .btns{display:flex;gap:1rem}.about_factory .head .btns div{width:82px;height:82px;border-radius:50%;position:relative;box-shadow:0 0 15px rgba(0,0,0,.1);cursor:pointer;background:url(../svg/left-wg8t781.svg) no-repeat center / contain;background-size:15%;background-color:var(--theme_color);transition:all 0.3s}.about_factory .head .btns .about_factory_prev.swiper-button-disabled{cursor:default;background-color:#d4d4d4;background-image:url(../svg/left-baftaoo.svg)}.about_factory .head .btns .about_factory_next{background-image:url(../svg/right-w1cnueg.svg)}.about_factory .head .btns .about_factory_next.swiper-button-disabled{cursor:default;background-color:#d4d4d4;background-image:url(../svg/right-b7j3uy5.svg)}.about_factory .about_factory_swiper{max-width:69.51%;padding-top:110px}.about_factory .about_factory_swiper .swiper-slide{overflow:hidden;height:500px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.about_factory .about_factory_swiper .swiper-slide.swiper-slide-active div:first-child{bottom:50px}.about_factory .about_factory_swiper .swiper-slide.swiper-slide-active h3{margin-bottom:20px}.about_factory .about_factory_swiper .swiper-slide.swiper-slide-active .mask{top:0}.about_factory .about_factory_swiper .swiper-slide div:first-child{position:absolute;left:65px;bottom:-80px;width:calc(100% - 130px);transition:all 0.5s;z-index:2}.about_factory .about_factory_swiper .swiper-slide h3{font-size:28px;font-weight:500;color:#fff;margin-bottom:60px;transition:all 0.8s}.about_factory .about_factory_swiper .swiper-slide p{font-size:18px;color:#fff;line-height:28px;font-weight:200;font-family:'Poppins',sans-serif}.about_factory .about_factory_swiper .swiper-slide .mask{width:100%;height:100%;background:url(../png/about-fac-bg1s8v4d.png) no-repeat center / cover;transition:all 0.3s;position:absolute;top:100%;left:0}@media screen and (max-width:786px){.head span{font-size:14px}.about_factory{padding:5rem 0 50px}.about_factory .head .btns{gap:.5rem}.about_factory .head .btns div{width:2rem;height:2rem}.about_factory .about_factory_swiper{width:100%;max-width:unset;padding-top:30px}.about_factory .about_factory_swiper .swiper-slide{height:250px}.about_factory .about_factory_swiper .swiper-slide.swiper-slide-active h3{margin-bottom:.5rem}.about_factory .about_factory_swiper .swiper-slide.swiper-slide-active div:first-child{bottom:1rem}.about_factory .about_factory_swiper .swiper-slide div:first-child{width:calc(100% - 2.4rem);left:1.2rem;bottom:-8rem}.about_factory .about_factory_swiper .swiper-slide h3{font-size:1rem;line-height:1.5;margin-bottom:1rem}.about_factory .about_factory_swiper .swiper-slide p{font-size:.9rem;line-height:1.5rem}}@media screen and (min-width:786px) and (max-width:1400px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1200px){.content{max-width:1000px}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}.about_factory .about_factory_swiper .swiper-slide div:first-child{bottom:-120px;left:2rem;width:calc(100% - 64px)}}.about_market{padding:130px 0 155px}.about_market .head{width:80%;margin:0 auto;text-align:center}.about_market .head h2{padding-top:20px}.about_market .head p{width:80%;margin:0 auto;padding-top:30px}.about_market img{padding-top:75px;width:100%;height:auto}@media screen and (max-width:786px){.head span{font-size:14px}.about_market{padding:5rem 0 50px}.about_market .head{width:100%}.about_market .head p{width:100%;padding-top:.5rem}.about_market img{padding-top:20px}}@media screen and (min-width:786px) and (max-width:1400px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1200px){.content{max-width:1000px}.about_market .head{width:90%}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}.about_market .head p{width:90%}}