:root{--theme_color:#161616;--title_color:#161616}html{font-size:clamp(7.5px, 0.52083333vw, 10px)}*{margin:0;padding:0;box-sizing:border-box}.case_nav{border-bottom:1px solid rgb(242,242,242)}body>section{position:relative}@media screen and (max-width:768px){.case_nav{padding-top:3rem}}.content{max-width:144rem;margin:0 auto;position:relative}@media screen and (min-width:768px) and (max-width:1220px){.content{padding:0 2rem}}@media screen and (min-width:768px) and (max-width:1024px){.content,.swiper_content{max-width:896px}}@media screen and (min-width:768px) and (max-width:896px){.content,.swiper_content{max-width:768px}}@media screen and (max-width:768px){.content{padding:0 20px}}.case_nav .nav_list{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:2rem 3.7%;width:100%}@media screen and (max-width:768px){.case_nav .nav_list{width:100vw;padding:0 20px;margin:0 -20px;overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;gap:1.5rem}}a{color:inherit;font-size:inherit;text-decoration:none}.case_nav .nav_item a{font-size:1.8rem;line-height:1.5;color:rgb(96,96,96);position:relative;transition:0.3s;cursor:pointer;padding:4.4rem 0 2.3rem;display:block}.case_nav .nav_item a::after{width:100%;height:3px;background-color:var(--theme_color);position:absolute;content:"";bottom:-1.5px;left:0;transition:0.3s;opacity:0}.case_nav .nav_item.active a,.case_nav .nav_item:hover a{color:var(--title_color);font-weight:500}.case_nav .nav_item.active a::after,.case_nav .nav_item:hover a::after{opacity:1}@media screen and (max-width:768px){.case_nav .nav_item a{font-size:1rem;padding:1rem 0;white-space:nowrap}}button,input,textarea{outline:none;border:none;font-family:unset;color:var(--title_color)}input[type="submit"],button{cursor:pointer}.sytech_export_template{display:none}:root{--title_color:#161616;--content_color:#3d3d3d;--theme_color:#161616}.customer_overview{padding:14.9rem 0 7rem}@media screen and (max-width:768px){.customer_overview{padding:4rem 0 3rem}}@media screen and (min-width:768px) and (max-width:1220px){.content{padding:0 2rem}}@media screen and (min-width:768px) and (max-width:1024px){.content,.swiper_content{max-width:896px}}@media screen and (min-width:768px) and (max-width:896px){.content,.swiper_content{max-width:768px}}@media screen and (max-width:768px){.content{padding:0 20px}}.center{text-align:center}.head h2{font-size:4.6rem;font-weight:600;line-height:5.6rem;letter-spacing:.15rem}.fadeInUp{animation-name:fadeInUp}@media screen and (max-width:768px){.head h2{font-size:22px;line-height:1.5;letter-spacing:0}}.head h2 span{font-weight:300}.flex{display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.gap{gap:2rem}.customer_overview .gap{margin-top:6.8rem;gap:1rem 6.2%}@media screen and (max-width:768px){.gap{gap:1rem}}@media screen and (max-width:768px){.customer_overview .gap{margin-top:2rem;flex-direction:column-reverse}}.customer_overview .left{flex:1 1 0%;padding-top:2.4%}.customer_overview .head .title{font-size:3.6rem;line-height:5.2rem;font-weight:600;color:var(--title_color);margin-bottom:2.3rem}@media screen and (max-width:768px){.customer_overview .head .title{font-size:18px;line-height:1.5;margin-bottom:12px}}.customer_overview .head .desc{font-size:1.7rem;line-height:3rem;color:var(--content_color);margin-bottom:3.6rem}@media screen and (max-width:768px){.head .desc{font-size:.9rem;line-height:1.5rem;margin-top:10px}}@media screen and (max-width:768px){.customer_overview .head .desc{font-size:.9rem;line-height:1.5;margin-bottom:1rem}}ul{list-style:none}.customer_overview .head ul{display:flex;align-items:center;flex-wrap:wrap;gap:2rem 3.7rem}@media screen and (max-width:768px){.customer_overview .head ul{gap:1.2rem 1rem;padding:0}}.customer_overview .head ul li{display:grid;grid-template-columns:2.4rem 1fr;align-items:center;font-size:1.8rem;line-height:2.6rem;font-weight:500;color:rgb(36,36,36);gap:1rem}@media screen and (max-width:768px){.customer_overview .head ul li{grid-template-columns:1rem 1fr;font-size:14px;line-height:1.5;gap:6px}}i{font-style:normal}.customer_overview .head ul li i{aspect-ratio:24 / 31;content:"";display:block;background:center center / contain no-repeat}.btn_b{display:inline-block;vertical-align:top;transition:0.3s;text-align:center;cursor:pointer;font-weight:500;font-size:1.7rem;color:rgb(255,255,255);border:1px solid var(--theme_color);background-color:transparent;padding:1.6rem 4.2rem;position:relative;z-index:2;overflow:hidden}.btn_b::before{content:"";display:block;position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;transition:width 0.3s;background-color:var(--theme_color)}.btn_b:hover{color:var(--title_color)}.btn_b:hover::before{width:0;left:unset;right:0}.customer_overview .btn_b{padding:1.9rem 4.2rem;min-width:26.6rem;margin-top:6.35rem}@media screen and (min-width:768px) and (max-width:1220px){.btn_b{padding:1.6rem 3rem}}@media screen and (max-width:768px){.btn,.btn_b,.btn_w{font-size:14px;padding:10px 20px;line-height:1.5}}@media screen and (max-width:768px){.customer_overview .btn_b{min-width:unset;padding:10px 20px;margin-top:2rem}}.img.img_cv{overflow:hidden}.customer_overview .swiper_customer_img{width:50%;overflow:hidden}.customer_overview .img{width:100%;aspect-ratio:720 / 520}@media screen and (max-width:768px){.customer_overview .img{width:100%;max-width:444px}}.img.img_cv img{object-fit:cover}.img img{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.customer_overview .img:hover img{transform:scale(1.02)}:root{--swiper-wrapper-transition-timing-function,initial:;--swiper-pagination-bottom,8px:;--title_color:#161616;--swiper-pagination-bullet-width,:;--swiper-pagination-bullet-horizontal-gap,4px:;--swiper-pagination-bullet-opacity,1:}.case_showcase{padding-top:10.2rem}@media screen and (max-width:768px){.case_showcase{padding-top:5rem}}@media screen and (min-width:768px) and (max-width:1220px){.content{padding:0 2rem}}@media screen and (min-width:768px) and (max-width:1024px){.content,.swiper_content{max-width:896px}}@media screen and (min-width:768px) and (max-width:896px){.content,.swiper_content{max-width:768px}}@media screen and (max-width:768px){.content{padding:0 20px}}@media screen and (max-width:768px){.head h2{font-size:22px;line-height:1.5;letter-spacing:0}}.case_showcase .case_showcase_swiper{overflow:hidden;position:relative;margin-top:6.9rem}.swiper-horizontal{touch-action:pan-y}@media screen and (max-width:768px){.case_showcase .case_showcase_swiper{margin-top:2rem}}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}li.swiper-slide{height:auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-shutters .swiper-slide,.swiper-shutters swiper-slide{overflow:hidden}.case_showcase .case_showcase_swiper img{width:100%;aspect-ratio:1920 / 930;object-fit:cover;display:block}.case_showcase .control_box{gap:2rem;display:grid;align-items:center;grid-template-columns:auto 1fr auto;position:absolute;left:0;bottom:6.1rem;width:100%;z-index:2;padding-top:3.2rem;filter:contrast(0) brightness(2);pointer-events:none}@media screen and (min-width:768px) and (max-width:1220px){.case_showcase .control_box{left:2rem;width:calc(100% - 4rem)}}@media screen and (max-width:768px){.case_showcase .control_box{bottom:1rem;width:calc(100% - 40px);left:20px}}.case_showcase .control_box .btn_prev,.case_showcase .control_box .btn_next{width:3.4rem;aspect-ratio:34 / 16;cursor:pointer;transition:0.3s;pointer-events:all;background:url(https://cdns.sytech-web.cn/54qfxrzk/wp-content/plugins/sytech-fronteditor/sytpl/case_2/assets/img/arrow-line-w.svg) center center / contain no-repeat}@media screen and (max-width:768px){.case_showcase .control_box .btn_prev,.case_showcase .control_box .btn_next{width:22px}}div.swiper-pagination{position:static;display:flex;align-items:center;justify-content:center;gap:14px;height:10px}.swiper-pagination{position:absolute;text-align:center;transition:opacity 0.3s;transform:translate3d(0,0,0);z-index:10}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}div.swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;opacity:1;background-color:transparent;position:relative;display:flex;align-items:center;justify-content:center;pointer-events:none;margin:0px!important}div.swiper-pagination .swiper-pagination-bullet::before{content:"";display:block;width:6px;aspect-ratio:1 / 1;pointer-events:all;border-radius:50%;background-color:var(--title_color);transition:0.3s}div.swiper-pagination .swiper-pagination-bullet::after{content:"";display:block;position:absolute;inset:0;box-sizing:border-box;border:1px solid var(--title_color);transition:0.3s;pointer-events:all;border-radius:50%;transform:scale(.5);opacity:0}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}div.swiper-pagination .swiper-pagination-bullet-active::before{opacity:0;transform:scale(1.5)}div.swiper-pagination .swiper-pagination-bullet-active::after{opacity:1;transform:scale(1)}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.case_showcase .control_box .btn_next{transform:rotate(180deg)}*{margin:0;padding:0;box-sizing:border-box}.content{margin:0 auto;position:relative}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}.tools_part_vendor .tools_part_box{padding:4rem 0;text-align:center}.tools_part_vendor .tools_part_box input{padding:.8rem 1rem;border-radius:5px;min-width:300px;border:1px #ddd solid}.tools_part_vendor .tools_part_box button{background:#fff;border:1px solid #f8f8f8;color:#4c4c4c;padding:.8rem 1.5rem;display:inline-block;font-weight:500;border:none;font-size:16px;cursor:pointer;border-radius:10px;background-color:#33bde9;border:1px solid #33bde9;color:#fff;padding:.8rem 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}.swiper_content{max-width:1020px}.solution_strength .head p{width:70%}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}.swiper_content{max-width:806px}.solution_strength .head p{width:90%}}@media screen and (max-width:786px){.content{padding:0 1.2rem}}