.home-application{margin:5rem auto;background:url("/themes/sytech/assets/img/application-bg.jpg") no-repeat center/cover;position:relative;overflow:hidden;padding:7rem 0;margin-top:.5rem;padding-bottom:0}
.home-application .left{width:27%;padding:75px 0 2.5rem;position:relative}
.home-application .left h2{margin-bottom:60px;color:#fff}
.home-application .right-part{width:70%;padding-top:32rem;padding-right:10rem;position:relative;z-index:2;height:842px;margin-right:5rem}
.home-application .right-part:after{content:"";position:absolute;right:0;bottom:0;width:1250px;border-radius:0 1rem 1rem 0;height:100%;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,.8))}
.home-application .right-part>img{position:absolute;top:0;right:0;width:auto;border-radius:0 1rem 1rem 0}
.home-app-content{align-items:flex-start}
.home-application .right-part .app-text{position:relative;z-index:10}
.home-application .select-list>span{cursor:pointer;display:block;font-size:24px;margin-bottom:1.8rem;color:#777;transition:.3s all ease;position:relative;padding:28px 0;z-index:2;padding-left:4rem;line-height:2.5rem}
.home-application .select-list>span:hover:after{transform:rotate(180deg)}
.home-application .select-list span span{display:block;top:47%;transition:all .3s ease;transform:translateY(-50%);position:absolute;width:49px;height:49px;left:0;padding:0}
.home-application .select-list>span.active:before{background-color:#b08050;width:525px;height:104px;position:absolute;content:"";left:32%;top:50%;transform:translate(-50%,-50%);border-radius:11px;border-bottom-right-radius:0;transition:all .3s}
.home-application .select-list span a{text-decoration:none;color:#fff}
.home-application .select-list span.active a{color:#fff;position:relative;z-index:1;font-size:28px;margin-left:-45px}
.home-application .select-list>span.active span{filter:brightness(500%);margin-left:-65px}
.home-application .select-list>span:after{display:inline-block;content:"";position:absolute;background:url("../../../../lodges.sytech.site/wp-content/themes/sytech/assets/img/plus.svg");width:16px;height:16px;right:83px;top:50%;transition:all .3s;margin-top:-8px}
.home-application .select-list span.active:after{filter:brightness(500%)}
.home-application .select-list{text-align:left;padding-left:15px}
.home-application .select-list span.active{color:#fff}
.home-application .app-text p.title{font-size:2.3rem;margin-bottom:1.2rem;color:#fff}
.home-application .app-text p.text{color:#fff;line-height:30px;margin-bottom:2rem;opacity:.9;width:55%;font-size:17px}
.home-application .app-text a{color:#b08050;font-size:20px;text-transform:uppercase;text-decoration:none;padding:.5rem;position:relative}
.home-application .app-text a:after{display:block;content:"";position:absolute;background-color:#b08050;width:95%;height:2px;left:0;bottom:0}
.unique_technology .about_us-list{display:flex;justify-content:space-between;margin-top:3.75rem}
.unique_technology .about_us-item{display:flex;width:45%;column-gap:1.25rem}
.unique_technology .about_us-item p{margin-bottom:.325rem;font-size:1.25rem;font-weight:500;line-height:1.75rem;color:#333}
.unique_technology .about_us-item span{line-height:1.4rem;font-size:17px;color:#666}
.unique_technology-right a.button{padding:1.3rem 3.2rem;font-size:1.3rem;margin-top:55px}
.unique_technology{padding-bottom:2rem;position:relative;margin-top:9.0625rem;margin-bottom:10rem;margin-bottom:0;overflow:hidden}
.unique_technology-left img{transition:all .7s ease;height:auto}
.unique_technology .content{display:flex}
.unique_technology .unique_technology-right{padding-top:9.375rem;width:50%;padding-right:2rem}
.unique_technology-left{width:50%;padding-left:75px}
.unique_technology .unique_technology-right p{font-size:17px;color:#666;line-height:1.9;opacity:.8;margin-top:35px}
.unique_technology .about_us-item{flex-direction:column;row-gap:0}
.unique_technology .item-top{display:flex;align-items:flex-end;column-gap:14px}
.unique_technology .item-top .icon{width:40px;height:40px}
.unique_technology .item-top p{font-size:3.1rem;font-weight:700;margin-bottom:0;margin-top:0}
.unique_technology .item-top p span{font-size:3.1rem;font-weight:700;color:var(--title)}
.unique_technology a.button_black{font-weight:500;margin-top:70px}
.chooose-us{background-color:#f6f6f6;padding-top:5rem;padding-bottom:8rem;text-align:center}
.chooose-us .template-title{margin-bottom:3rem}
.chooose-us li{width:32%;list-style:none;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);padding:135px 130px;overflow:hidden;position:relative;transition:all .3s ease;margin-bottom:36px}
.chooose-us li span{width:4.5rem;height:4.5rem;margin-bottom:1.9rem;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center}
.chooose-us ul{gap:2%;flex-flow:wrap}
.chooose-us li h3{font-size:26px;color:#242424}
.chooose-us li p{position:absolute;bottom:-29rem;left:0;transition:all .3s ease;z-index:2;color:#fff;background-color:#b08050;padding:85px 60px;width:100%;height:100%;font-size:20px;line-height:33px}
.chooose-us li:hover p{bottom:0}
.your_partner{position:relative}
.your_partner .template__title{text-align:left}
.your_partner .template__title h2{font-size:48px;font-weight:700;line-height:3.875rem;color:#242424}
.your_partner .template__title p{margin-top:1rem;font-size:1rem;line-height:1.875rem;color:var(--text)}
.your_partner .button{padding:1.2rem 3rem;font-size:1.2rem;width:fit-content;margin-top:3rem}
.your_partner .icon{position:relative;display:block;content:''}
.your_partner .quality_assurance_icon{width:45px;height:45px;background:url("../../themes/sytech/assets/img/design.svg") no-repeat center;background-size:contain}
.your_partner .professional_icon{width:60px;height:60px;background:url("../../themes/sytech/assets/img/technology.svg") no-repeat center;background-size:contain}
.your_partner .about_us-item{display:flex;width:40%;column-gap:1.25rem}
.your_partner .about_us-item:nth-child(2){width:47%}
.your_partner .about_us-item .your_partner-item_icon{flex-shrink:0}
.your_partner .about_us-item p{font-size:1.2rem;font-weight:500;line-height:1.75rem;color:#242424;margin-left:.4rem}
.your_partner .content{position:relative}
.your_partner .your_partner-left{position:relative;height:100%;width:58%;z-index:60;padding-top:200px;padding-bottom:200px}
.your_partner .your_partner-right{width:42%;height:825px;position:relative;margin-left:-4px}
.your_partner a.button_black:hover{background-color:transparent}
.your_partner .your_partner-left__inner{display:flex;flex-direction:column;margin:auto 0;max-width:32.5rem}
.your_partner .your_partner-title p{color:#606060;font-size:17px}
.your_partner .your_partner-list{display:flex;justify-content:space-between;margin-top:3.75rem}
.your_partner .about_hand-line{position:absolute;width:5px;height:100%;background-color:#f3af5e;position:absolute;top:0;left:50%;cursor:grab;z-index:90;display:none}
.your_partner .about_hand-line .about_hand-line_circular{position:absolute;content:'';display:block;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background-color:#f3af5e;display:none}
.your_partner .about_hand-line .about_hand-line_circular:after{position:absolute;content:'';top:36%;left:17%;width:18%;height:32%;background:url("../../../../1688.sytech.site/wp-content/themes/sytech/assets/img/fi000002.svg")  no-repeat}
.your_partner .about_hand-line .about_hand-line_circular:before{position:absolute;content:'';top:35%;right:13%;width:18%;height:32%;background:url("../../../../1688.sytech.site/wp-content/themes/sytech/assets/img/fi000001.svg") no-repeat}
.your_partner .bg-div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.your_partner .bg-div img{position:absolute;left:0;top:0}
.your_partner .bg-div.full{width:0}
.customized{background:url("../../themes/sytech/assets/img/customized-bg.png.webp")  no-repeat;padding:155px 0 0;overflow:hidden}
.customized h2{color:#fff;margin-bottom:2rem}
.customized p{color:#fff;font-size:17px;font-weight:300;margin-bottom:55px;line-height:35px;padding-right:4rem}
.customized .left{padding-right:0;width:32%}
.customized .primary{font-size:20px;padding:20px 26px}
.customized .right{background:url("../../themes/sytech/assets/img/custom-chair.jpg.webp") no-repeat center/cover;padding:118px 195px 95px 105px;transform:translate(14%,3px);box-shadow:0 0 10px rgba(0,0,0,.1);width:68%;margin-bottom:10px;transition:all 1.5s}
.customized .right li{list-style:none;padding-left:4rem;position:relative;margin-bottom:2.3rem}
.customized .right li:last-of-type{margin-bottom:0}
.customized .right li:last-of-type p{margin-bottom:0}
.customized .right li:before{position:absolute;display:block;content:"";background:url("../../themes/sytech/assets/img/yes.svg") no-repeat center;width:2.5rem;height:2.5rem;left:0;top:5px}
.customized .right p{color:#757575;font-size:17px;line-height:25px}
.customized .right h3{color:#b08050;font-size:30px;margin-bottom:.8rem}
.home-banner{margin-top:-132px;overflow:hidden}
.home-banner li{background-repeat:no-repeat;background-position:center;background-size:cover;padding-top:200px;height:100vh;max-height:60rem}
.home-banner .left{width:40%;padding-top:100px}
.home-banner .right{width:60%}
.home-banner h1,.home-banner h2{line-height:1.1;color:#fff;font-size:4.2rem}
.home-banner p{font-size:17px;color:#242424;padding-right:110px;margin-bottom:40px;margin-top:2rem;line-height:1.7;color:#fff}
.home-banner a.button{padding:1.3rem 3.2rem;font-size:1.2rem;background-color:#fff;color:#333}
.home-banner a.button:hover{background-color:#f3af5e;color:#fff}
.home-banner .colors{position:absolute;right:0;top:0;display:none}
.home-banner .colors span{display:block;width:25px;height:25px;border-radius:50%;margin-bottom:24px}
.swiper-banner{overflow:hidden}
.home-product{padding:160px 0 80px;overflow:hidden}
.unique_technology-right .head{text-align:left}
.unique_technology .item-top p{color:#b08050;opacity:1;font-weight:700}
.unique_technology-right img.bg{position:absolute;left:0;top:50%;margin-top:-419px;z-index:-1;margin-left:-6rem}

section.mission li .img{height:417px;margin-bottom:38px}
.swiper-mission{overflow:hidden}
.swiper-mission li{transform:scale(.9);cursor:pointer}
.swiper-mission li.swiper-slide-active{transform:scale(1)}
.swiper-mission li.swiper-slide-prev{transform:scale(.9) translateX(-130px)}
.swiper-mission li.swiper-slide-next{transform:scale(.9) translateX(130px)}
.swiper-content{position:relative}
.mission-btn span{width:97px;height:57px;position:absolute;display:inline-block;filter:brightness(50);top:50%;left:50%;z-index:9;cursor:pointer;transform:translate(-50%,-120%);margin-left:-470px;background:url("../../themes/sytech/assets/img/prev-s.svg") no-repeat center/contain}
.mission-btn span.next{background-image:url("../../themes/sytech/assets/img/next-s.svg");margin-left:470px}
.swiper-mission li .flex span{font-size:35px;font-weight:500;font-family:"Montserrat",sans-serif;color:var(--light-blue);display:inline-block;margin-left:14px;margin-right:40px}
.swiper-mission li .flex h3{font-size:22px;color:#fff;font-weight:500}
.home-video{padding-top:147px;padding-bottom:200px;background:url("../../themes/sytech/assets/img/customized-bg.png.webp") no-repeat center/cover}
.home-video h2{max-width:45%;color:#fff;margin-left:auto;margin-right:auto}
.swiper-mission{margin-top:75px}
.swiper-mission .img{position:relative}
.swiper-mission .img:after{content:"";width:72px;height:72px;background:url("../../themes/sytech/assets/img/play.svg") no-repeat center/contain;position:absolute;left:50%;top:50%;transition:all .3s;transform:translate(-50%,-50%) scale(0)}
.swiper-mission li:hover .img:after{transform:translate(-50%,-50%) scale(1)}
.home-blog .nav-list li{font-size:20px;font-weight:600;color:#777d80}
.home-blog .nav-list li.active{color:#242424}
.swiper-news{overflow:hidden}
.swiper-news li{box-shadow:0 0 15px rgba(0,0,0,.1)}
.swiper-news li .img{height:290px}
.swiper-news li .infos{padding:38px 38px 47px}
.swiper-news{padding:10px}
.swiper-news .infos span{font-size:17px;color:#b08050;display:inline-block;margin-bottom:1rem}
.swiper-news .infos h3{font-size:26px;font-weight:700}
.swiper-news .infos p{font-size:17px;color:gray;line-height:1.7;font-weight:300;margin-top:15px;margin-bottom:24px}
.swiper-news .infos span.button{color:#fff;font-size:19px;padding:.8rem 2.5rem}
.swiper-news{margin-top:60px}