*{margin:0px;padding:0px;box-sizing:border-box}:root{--primary:#e71419;--secondary:#000;--title:#232323;--text:#4d4e4f;--text_op:rgba(77,78,79,0.85);--text_w:rgba(255,255,255,0.85);--bg:#f8f8f9}html{scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px)}.content{max-width:144rem;margin:0px auto;position:relative}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}.flex{display:flex}.flex_middle{align-items:center}body{font-size:1.6rem;color:var(--title)}.img_bg{position:relative;z-index:2}.img_bg > img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0px;top:0px;z-index:-2}.head.white{color:rgb(255,255,255)}.head.white p,.head.white .desc{color:var(--text_w);font-weight:300;letter-spacing:0.015rem}.head.bn p,.head.bn .desc{font-size:2.4rem;line-height:3rem;letter-spacing:0.03rem}.head.bn.white p,.head.bn.white .desc{font-weight:400}.head h1{font-size:5.2rem;line-height:1.11538;font-weight:700;letter-spacing:0.11rem}.head p,.head .desc{font-size:1.8rem;line-height:3.2rem;color:var(--text_op)}.page_banner{max-width:256rem;margin:0px auto}.page_banner::before{position:absolute;width:43.2812%;height:100%;left:0px;top:0px;content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(to right,rgb(0,0,0) -5.17%,transparent);opacity:0.57}.page_banner .flex{min-height:68rem;padding:6rem 0px}.page_banner .head{width:41%;padding-top:0.4%}.page_banner p{margin-top:2.5rem}.white .breadcrumbs span span::before,.white .breadcrumbs span a{color:rgb(255,255,255)}.breadcrumbs{line-height:2rem;min-height:3.3rem}.breadcrumbs span{font-weight:600}.breadcrumbs span span::before{content:" - ";color:rgb(119,122,124);display:inline-block;margin:0px 0.9rem 0px 0.4rem}.breadcrumbs span span:first-child::before{display:none}.breadcrumbs span span:not(:has(a)){letter-spacing:-0.005rem}.breadcrumbs span a{font-weight:400;color:rgb(119,122,124);transition:0.3s;text-decoration:underline transparent}.breadcrumbs span a:hover{color:var(--primary);text-decoration-color:var(--primary)}@media screen and (min-width:769px) and (max-width:1220px){.content{padding:0px 3rem}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.head h1{font-size:5rem}}@media screen and (min-width:769px){ul::-webkit-scrollbar,div::-webkit-scrollbar{width:4px;height:4px}ul::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgb(139,139,139)}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}div.head.white p,div.head.white .desc{letter-spacing:unset}div.head.bn p,div.head.bn2 p,div.head.bn .desc,div.head.bn2 .desc{font-size:14px;line-height:1.5;margin-top:12px;letter-spacing:unset}div.head.bn.white p,div.head.bn2.white p,div.head.bn.white .desc,div.head.bn2.white .desc{letter-spacing:unset}div.head h1{font-size:25px;line-height:1.3;letter-spacing:unset;max-width:unset}div.head .desc,div.head p{font-size:14px;line-height:1.5;letter-spacing:unset;max-width:unset;margin-top:12px}.page_banner .flex{min-height:unset;padding:50px 0px}.page_banner .flex .head{width:50%;padding:0px}.breadcrumbs{line-height:20px;min-height:30px}.breadcrumbs span span::before{margin:0px 6px}.breadcrumbs span span:not(:has(a)){letter-spacing:unset}}@media screen and (max-width:576px){.page_banner::before{width:100%;opacity:1;background-color:rgba(0,0,0,0.2)}.page_banner .flex .head{width:100%}}.between{justify-content:space-between}.center{text-align:center}.img img{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.head.center h1,.head.center h2,.head.center p,.head.center .desc{margin-left:auto;margin-right:auto}.head h2{font-size:4.8rem;line-height:1.3125;font-weight:700;letter-spacing:0.095rem}.solution_experience{padding:14rem 0px 16rem}.solution_experience .head{max-width:98.7rem;margin-left:auto;margin-right:auto;margin-bottom:2rem}.solution_experience .head p{max-width:94rem;margin-left:auto;margin-right:auto;margin-top:2rem}.solution_experience .main{padding:2rem 6rem;border-radius:3.7rem;background:linear-gradient(rgb(255,255,255),rgb(248,248,249));overflow:hidden}.solution_experience .main .img img{height:5rem;width:auto}.solution_experience .main .item{max-width:22.3rem;padding-bottom:3rem}.solution_experience .main .item strong{font-size:2.6rem;line-height:3.6rem;color:rgb(35,35,35);margin-top:2.7rem;display:block;margin-bottom:1.3rem}.solution_experience .main .item p{font-size:1.8rem;line-height:2.6rem;color:rgb(77,78,79)}.solution_experience .main .middle{width:47%}.solution_experience .main .middle img{width:100%;height:auto}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.head h2{font-size:4rem}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}div.head h2{font-size:22px;line-height:1.3;letter-spacing:unset;max-width:unset}div.head .desc,div.head p{font-size:14px;line-height:1.5;letter-spacing:unset;max-width:unset;margin-top:12px}.solution_experience{padding:50px 0px}.solution_experience .main{padding:0px;background:unset;margin-top:20px}.solution_experience .main .flex{flex-flow:wrap;gap:0px;justify-content:space-between;align-items:flex-start}.solution_experience .main .flex .middle{order:1;width:100%}.solution_experience .main .flex .left,.solution_experience .main .flex .right{order:9;width:50%;margin-top:10px}.solution_experience .main .img img{height:30px}.solution_experience .main .item strong{font-size:15px;margin:10px 0px;line-height:1.5}.solution_experience .main .item p{font-size:14px;line-height:1.5}}.swiper_box{position:relative}li{list-style:none}li.swiper-slide{height:auto}.wrap{flex-wrap:wrap}.flex_bottom{align-items:flex-end}.gap{gap:3rem}.img.img_cv{overflow:hidden}.img.img_cv img{object-fit:cover}.img.img_ab{position:relative}.img.img_ab img{position:absolute;left:0px;top:0px}.swiper_btns{gap:1.9rem;display:flex}.swiper_btns div{width:7.1rem;cursor:pointer;transition:0.3s;border-radius:50%;border:1px solid var(--title);background-color:var(--title)}.swiper_btns div::after{content:"";display:block;width:100%;padding-bottom:100%;transition:0.3s;background:url("https://joyusing.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/solution3-page_cases-solution_areas/assets/img/arrow-r.svg") center center / 30.4% no-repeat;filter:contrast(0) brightness(2)}.swiper_btns div:hover{border-color:var(--primary);background-color:var(--primary)}.swiper_btns .btn_prev::after{transform:rotate(180deg)}.swiper_btns .swiper-button-disabled{pointer-events:none;background-color:transparent;border-color:rgba(22,22,22,0.5)}.swiper_btns .swiper-button-disabled::after{filter:contrast(0) brightness(0)}.swiper_btns:has(.swiper-button-lock){opacity:0}.swiper_btns.middle{width:98%;max-width:168.4rem;position:absolute;left:50%;top:50%;z-index:2;pointer-events:none;transform:translate(-50%,-50%);justify-content:space-between}.swiper_btns.middle div{pointer-events:all}.swiper_btns.middle .swiper-button-disabled,.swiper_btns.middle .swiper-button-lock{pointer-events:none}.swiper_btns.sm div{width:5.2rem;background-color:rgba(113,115,119,0.89);border-width:medium;border-style:none;border-color:currentcolor;border-image:initial}.swiper_btns.sm div::after{background-size:33%}.swiper_btns.sm div:hover{background-color:var(--primary)}.swiper_btns.sm .swiper-button-disabled{background-color:rgba(113,115,119,0.89)}.swiper_btns.sm .swiper-button-disabled::after{filter:contrast(0) brightness(2)}.page_cases{background-color:var(--bg);padding:13.7rem 0px 14.3rem;overflow:hidden}.page_cases p{max-width:59rem}.page_cases .page_cases_swiper{margin-top:6.3rem}.page_cases .page_cases_swiper .swiper-slide{max-width:63.2639%}.page_cases .item{display:block;height:100%;position:relative;overflow:hidden;border-radius:2.4rem}.page_cases .item:hover img{transform:scale(1.02)}.page_cases .item .img{padding-bottom:56.3117%}.page_cases .item .img::after{position:absolute;left:0px;bottom:0px;width:100%;height:51.5625%;background-image:linear-gradient(to top,rgb(0,0,0) 7.2%,transparent);content:"";pointer-events:none}.page_cases .item .info{position:absolute;left:0px;right:0px;bottom:0px;z-index:2;color:rgb(255,255,255);padding:5.70801% 4.82986%;max-height:70%;overflow-y:auto}.page_cases .item .info .title{font-size:2.6rem;font-weight:500;letter-spacing:0.063rem}.page_cases .item .info .desc{opacity:0.85;margin-top:1.4rem;font-weight:300;letter-spacing:0.005rem}.page_cases .swiper_control{margin-top:7.3rem}.page_cases .swiper_btns.middle{max-width:174.9rem;top:37.7%}div.swiper-pagination.swiper-pagination-bullets{display:flex;gap:0.7rem;justify-content:center}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{position:relative;flex:1 1 0%;max-width:4.3rem;height:3px;background:rgb(217,217,217);opacity:1;margin:0px;border-radius:10px;transition:0.3s}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet::after{position:absolute;width:0px;height:100%;left:0px;top:0px;content:"";border-radius:10px;background-color:var(--title)}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{max-width:7.2rem}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active::after{width:100%;transition:width 3s linear}.swiper_control{display:flex;align-items:center;justify-content:space-between;gap:2rem}.swiper_control div.swiper-pagination.swiper-pagination-bullets{position:static;flex:1 1 0%}.swiper_control .swiper_btns.middle{padding:0px;margin:0px}.solution_areas{padding:13.2rem 0px 10rem;background-color:rgb(26,26,26)}.solution_areas .head p{max-width:58.6rem;color:rgb(255,255,255);opacity:0.9;font-weight:300}.solution_areas .head h2{color:white}.page_cases.solution_areas .page_cases_swiper{margin-top:5.5rem}.solution_areas div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{background-color:rgb(81,81,81)}.solution_areas div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active::after{background-color:white}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.swiper_btns{gap:20px}.swiper_btns div{width:40px}.swiper_btns.sm div{width:40px}div.head h2{font-size:22px;line-height:1.3;letter-spacing:unset;max-width:unset}div.head .desc,div.head p{font-size:14px;line-height:1.5;letter-spacing:unset;max-width:unset;margin-top:12px}.page_cases{padding:50px 0px}.page_cases .head{align-items:center}.page_cases .page_cases_swiper{margin-top:30px}.page_cases .item{border-radius:10px}.page_cases .item .img::after{height:100%}.page_cases .item .info{padding:20px;max-height:100%}.page_cases .item .info .title{font-size:18px;letter-spacing:unset}.page_cases .item .info .desc{font-size:14px;line-height:1.5;letter-spacing:unset;margin-top:10px}.page_cases .swiper_control{padding:0px 20px;margin-top:30px}div.swiper-pagination.swiper-pagination-bullets{gap:6px}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{max-width:35px}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{max-width:55px}.swiper_control:has(.swiper_btns.middle) div.swiper-pagination{justify-content:flex-start}.solution_areas{padding:50px 0px}.solution_areas .head{display:block}.page_cases.solution_areas .page_cases_swiper{margin-top:30px}}@media screen and (max-width:576px){.page_cases .page_cases_swiper .swiper-slide{max-width:100%}}.btn_line{display:inline-block;cursor:pointer;text-align:center;transition:0.3s;border-radius:100px;background-color:transparent;border:1px solid rgba(35,35,35,0.6);color:var(--title);font-size:1.8rem;line-height:3.1rem;font-weight:600;padding:1.5rem 4rem;min-width:23.2rem}.btn_line:hover{background-color:var(--primary);border-color:var(--primary);color:rgb(255,255,255)}.solution_work{padding:13.5rem 0px 7.8rem}.solution_work .head{margin-bottom:4.5rem}.solution_work .head .nav-item{padding:1.8rem 4rem;background-color:transparent;border:1px solid rgba(35,35,35,0.6);transition:0.3s;font-size:1.8rem;color:rgb(35,35,35);border-radius:20rem;cursor:pointer;font-weight:600}.solution_work .head .nav-item.active{border-color:var(--primary);color:white;background-color:var(--primary)}.solution_work .head .nav{display:flex;gap:2rem}.swiper_rooms .img{border-radius:2.4rem;aspect-ratio:1440 / 674}.swiper_rooms .lists li{width:3.4rem;height:3.4rem;display:inline-block;background:url("https://joyusing.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/solution4-solution_work/assets/img/plus_icon.svg") center center / contain no-repeat;position:absolute;left:0px;top:0px;cursor:pointer;z-index:9;transition:0.3s}.swiper_rooms .lists li:hover{transform:rotate(180deg)}.solution_work{overflow:hidden}.swiper_rooms{overflow:hidden}.solution_work .bottom h3{margin:4.8rem 0px 4rem;font-size:3.4rem}.solution_work .bottom .swiper_solution_product .item{background-color:rgb(248,248,250);display:block;border-radius:1.2rem;overflow:hidden}.solution_work .bottom .swiper_solution_product .item .img{aspect-ratio:270 / 215}.solution_work .bottom .swiper_solution_product .item .info{padding:2rem 2.5rem 2.5rem;text-align:center}.solution_work .bottom .swiper_solution_product .item .info strong{font-size:2rem;color:rgb(84,84,84);font-weight:600}.solution_work .bottom .swiper_solution_product .item .info span{width:5.2rem;height:5.2rem;border-radius:50%;border:1px solid rgb(35,35,35);display:flex;align-items:center;justify-content:center;background-color:transparent;margin-left:auto;margin-right:auto;margin-top:2.5rem;transition:0.3s}.solution_work .bottom .swiper_solution_product .active .item{box-shadow:rgba(0,0,0,0.05) 5px 5px 5px}.solution_work .bottom .swiper_solution_product .item .info span::after{content:"";width:1.5rem;height:1.5rem;display:inline-block;background:url("https://joyusing.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/solution4-solution_work/assets/img/circle_arrow.svg") center center / contain no-repeat;transition:0.3s}.solution_work .bottom .swiper_solution_product .item:hover .img img{transform:scale(1.1)}.solution_work .bottom .swiper_solution_product .active .item .info span{background-color:var(--primary);border-color:var(--primary)}.solution_work .bottom .swiper_solution_product .active .item .info span::after{filter:brightness(100)}.swiper_solution_product{overflow:hidden;margin-bottom:3rem}.solution_work .bottom p.center .btn_line{min-width:20rem}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.btn,.btn_line{font-size:14px;line-height:40px;padding:0px 20px;min-width:120px}div.head h2{font-size:22px;line-height:1.3;letter-spacing:unset;max-width:unset}.solution_work{padding:50px 0px}.solution_work .head{margin-bottom:15px;position:relative}.solution_work .head .flex{flex-direction:column;gap:15px}.solution_work .head .nav-item{padding:10px;min-width:unset;font-size:13px;white-space:nowrap}.solution_work .head .nav-item.active{font-size:13px}.solution_work .head .nav{overflow:auto;width:100%;gap:10px}.swiper_rooms .lists li{width:25px;height:25px}.solution_work .bottom h3{font-size:17px;margin:20px 0px}.solution_work .bottom .swiper_solution_product .item .info{padding:10px}.solution_work .bottom .swiper_solution_product .item .info strong{font-size:15px}.solution_work .bottom .swiper_solution_product .item .info span{width:30px;height:30px;margin-top:15px}.solution_work .bottom p.center .btn_line{min-width:unset}}.btn{display:inline-block;cursor:pointer;text-align:center;transition:0.3s;border-radius:100px;background-color:var(--primary);border:1px solid var(--primary);color:rgb(255,255,255);font-size:1.7rem;line-height:3rem;font-weight:600;padding:1.5rem 3.6rem;min-width:17.6rem}.btn:hover{background-color:transparent;color:var(--primary)}.solution_customize{padding:8rem 0px 7rem;overflow:hidden}.solution_customize .left{width:38.54%}.solution_customize .left h2{margin-bottom:2.5rem;padding-right:2rem}.solution_customize .left p{margin-bottom:1.5rem}.solution_customize .left li{font-size:1.8rem;font-weight:500;color:rgb(71,71,71);padding-left:3.1rem;position:relative}.solution_customize .left li + li{margin-top:1.1rem}.solution_customize .left ul{margin-bottom:3.6rem}.solution_customize .left li::before{content:"";width:1.8rem;height:1.8rem;position:absolute;left:0px;top:0.3rem;background:url("https://joyusing.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/solution5-solution_customize/assets/img/circle_right.svg") center center / contain no-repeat}.solution_customize .right{width:49.51%}.solution_customize .right .img{aspect-ratio:711 / 603;border-radius:2.9rem;overflow:hidden}.solution_customize .right .img:hover img{transform:scale(1.05)}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.btn,.btn_line{font-size:14px;line-height:40px;padding:0px 20px;min-width:120px}div.head h2{font-size:22px;line-height:1.3;letter-spacing:unset;max-width:unset}div.head .desc,div.head p{font-size:14px;line-height:1.5;letter-spacing:unset;max-width:unset;margin-top:12px}div.head .btn,div.head .btn_line{font-size:14px;line-height:40px;padding:0px 20px;min-width:120px;margin-top:20px}.solution_customize{padding:40px 0px}.solution_customize .content > .flex{flex-direction:column}.solution_customize .left{width:100%;order:9}.solution_customize .right{width:100%;margin-bottom:20px}.solution_customize .left h2{margin-bottom:10px}.solution_customize .left li{font-size:14px}.solution_customize .left li::before{width:16px;height:16px;top:1px}.solution_customize .left ul{margin-bottom:15px}.solution_customize .left .btn{margin-top:0px}}.solution_advantage{padding:7rem 0px 16rem;overflow:hidden}.solution_advantage .head{margin-bottom:4.6rem}.solution_advantage .left{width:49.375%}.solution_advantage .right{width:44.93%}.solution_advantage .left .img{aspect-ratio:711 / 603;border-radius:2.8rem}.solution_advantage .right li strong{font-weight:700;display:flex;padding:2rem 0px;color:rgba(35,35,35,0.5);transition:0.3s;cursor:pointer;font-size:2.8rem;position:relative}.solution_advantage .right li strong::after{content:"";width:1.5rem;height:1.5rem;background:url("https://joyusing.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/solution6-solution_advantage/assets/img/advantage_select.svg") center center / contain no-repeat;opacity:0.5;transition:0.3s;display:inline-block;position:absolute;top:4rem;right:0.7rem}.solution_advantage .right li.active strong::after{transform:rotate(180deg);opacity:1}.solution_advantage .right li.active strong{color:rgb(35,35,35);font-size:3.4rem}.solution_advantage .right li .info{font-size:1.8rem;line-height:3.2rem;color:rgba(77,78,79,0.85);padding-bottom:3.7rem;display:none;padding-right:8.8rem}.solution_advantage .right li.active .info{border-bottom:2px solid var(--primary)}.solution_advantage .right li.active + li strong{padding-top:3.5rem}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}div.head h2{font-size:22px;line-height:1.3;letter-spacing:unset;max-width:unset}.solution_advantage{padding:40px 0px}.solution_advantage .main .flex{flex-direction:column}.solution_advantage .left{width:100%;margin-bottom:10px}.solution_advantage .right{width:100%}.solution_advantage .head{margin-bottom:20px}.solution_advantage .right li strong,.solution_advantage .right li.active strong{font-size:16px}.solution_advantage .right li .info{font-size:14px;line-height:1.5;padding-right:0px}.solution_advantage .right li strong::after{width:10px;height:10px;top:15px}.solution_advantage .right li.active + li strong,.solution_advantage .right li strong{padding:10px 0px}.solution_advantage .right li.active .info{padding-bottom:20px}.solution_advantage .left .img{aspect-ratio:1 / 0.6}}