.sec_bg{height:171rem}.contact_main{padding:9.7rem 0 5.35rem}.contact_main .content{max-width:161.6rem}.contact_main .flex{background-color:rgba(255,255,255,.45);border-radius:3.1rem;border:1px solid #fff}.contact_main .left{position:relative;width:44.7401%;border-radius:3.1rem;display:flex;flex-direction:column;justify-content:space-between;background-image:linear-gradient(to left,#70b3e5,#aad6f2);margin:-1px}.contact_main .left .head{padding:9rem 10.7884% 3rem}.contact_main .left .head h1{color:#fff;font-size:9.402rem;line-height:9.9rem;letter-spacing:2.3px}.contact_main .left p{color:#fff;margin-top:1.5rem;max-width:54.2rem}.contact_main .left .img{border-radius:3.1rem;overflow:hidden;width:100%;padding-bottom:81.0512%}.contact_main .left .sec_mask{width:86.31%;top:29.54%;right:-2px}.contact_main .right{flex:1;display:flex;align-items:center;max-width:84.3rem;padding:6.7rem 5rem 6.7rem 0}.contact_main form{flex:1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:5.5rem 0}.contact_main form span{width:100%}.contact_main form .col-2{width:46.93%}.contact_main form .label{font-size:2rem;font-weight:600;color:#161616;display:block;margin-bottom:1rem}.contact_main form input,.contact_main form textarea,.contact_main form select{display:block;width:100%;font-size:1.8rem;color:var(--title);border:none;border-bottom:1px solid #ceced0;background-color:transparent;outline:none;height:6rem}.contact_main form input::placeholder,.contact_main form textarea::placeholder,.contact_main form select::placeholder{color:#7c7d7f}.contact_main form select{background:url(../../../../../../../../themes/sytech/assets/img/icon-select2.svg) no-repeat center right / 1.2rem;padding-right:3rem}.contact_main form textarea{height:15.5rem;padding:1.9rem 0}.contact_main form span:has(textarea) label{position:relative}.contact_main form span:has(textarea) .label{max-width:calc(100% - 10rem)}.contact_main form span:has(textarea) .count{position:absolute;right:0;top:1px;color:#7c7d7f;font-weight:600;width:auto;display:inline-flex;align-items:center}.contact_main form span:has(textarea) .count span{width:auto}.contact_main form span:has(textarea) .count .total::before{content:'/'}.contact_main form span:has(input[type=checkbox]){margin-top:-2.2rem}.contact_main form input[type=checkbox]{width:2.6rem;height:2.6rem;padding:0;border-radius:4px;border:1px solid #ceced0;vertical-align:top;display:inline-flex;align-items:center;justify-content:center;background-color:#fff}.contact_main form input[type=checkbox]::after{content:'';display:block;width:80%;height:80%;background:url(../../../../../../../../themes/sytech/assets/img/gou.svg) no-repeat center / contain;transition:all 0.3s;opacity:0}.contact_main form input[type=checkbox]:checked::after{opacity:1}.contact_main form input[type=checkbox]~span{vertical-align:top;cursor:pointer;display:inline-block;font-size:1.8rem;line-height:3rem;color:#4f5154;width:calc(100% - 3.3rem);padding-left:1.65rem;margin-top:-1px;max-width:63.5rem}.contact_main form input[type=checkbox]~span a{color:var(--secondary);text-decoration:underline;transition:all 0.3s}.contact_main form input[type=checkbox]~span a:hover{color:var(--primary);text-decoration-color:transparent}.contact_main form span:has(.btn){text-align:right;margin-top:-1.3rem}.contact_main form .btn{position:relative}.contact_main form .btn input{display:none}.contact_info{padding:5.35rem 0 5.6rem}.contact_info .items>div{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 10.4%}.contact_info .item{display:flex;flex-direction:column;align-items:flex-start}.contact_info .item .icon{width:6.9rem;height:6.9rem;border-radius:50%;background:no-repeat center / contain var(--primary);border:1px solid #fff;box-shadow:1rem 1rem 1rem rgba(191,211,224,.45)}.contact_info .item .info{margin-bottom:1.8rem}.contact_info .item strong{display:block;font-size:2.6rem;font-weight:600;margin-top:2.9rem;letter-spacing:.3px}.contact_info .item p{font-size:1.8rem;line-height:3.2rem;color:#424242;margin-top:1.3rem}.contact_info .item a,.contact_info .item .desc{font-size:2rem;line-height:3rem;font-weight:500}.contact_info .item a{transition:all 0.3s;text-decoration:underline transparent;text-decoration-thickness:1px}.contact_info .item a:hover{text-decoration-color:var(--title)}.contact_info .item a:has(span){font-size:1.8rem}.contact_info .item a:has(span) span{text-decoration:underline;text-decoration-thickness:1px;font-size:2rem}.contact_info .item a+a{margin-top:.5rem}@media screen and (max-width:768px){.contact_main{padding:50px 0}.contact_main .flex{border-radius:10px}.contact_main .left{border-radius:10px}.contact_main .left .head{padding:40px 20px 30px}.contact_main .left .head h1{font-size:25px;line-height:1.3;letter-spacing:unset}.contact_main .left .head p{margin-top:12px;max-width:unset}.contact_main .left .img{border-radius:10px}.contact_main .right{max-width:unset;padding:20px}.contact_main form{gap:20px 0}.contact_main form .label{font-size:14px;margin-bottom:5px}.contact_main form .col-2{width:100%}.contact_main form input,.contact_main form textarea,.contact_main form select{font-size:14px;height:40px}.contact_main form select{background-size:10px;padding-right:30px}.contact_main form textarea{height:120px;padding:14px 0}.contact_main form span:has(textarea) .label{max-width:calc(100% - 80px)}.contact_main form span:has(input[type=checkbox]){margin-top:0}.contact_main form input[type=checkbox]{width:20px;height:20px}.contact_main form input[type=checkbox]~span{width:calc(100% - 24px);padding-left:12px;font-size:14px;line-height:1.5;margin-top:0}.contact_main form span:has(.btn){margin-top:1rem}.contact_main form span:has(input[type=submit]){margin-top:1rem}.contact_main form input[type=submit]{min-width:120px;font-size:14px;line-height:1.5;padding:10px 20px}.contact_info{padding:50px 0}.contact_info .items>div{gap:30px 16px}.contact_info .item .icon{width:50px;height:50px}.contact_info .item .info{margin-bottom:10px}.contact_info .item strong{font-size:18px;line-height:1.5;letter-spacing:unset;margin-top:10px}.contact_info .item p{font-size:14px;line-height:1.5;letter-spacing:unset;margin-top:10px}.contact_info .item a,.contact_info .item .desc{font-size:16px;line-height:1.5}.contact_info .item a:has(span){font-size:16px}.contact_info .item a:has(span) span{font-size:16px}.contact_info .item a+a{margin-top:10px}}@media screen and (max-width:576px){.contact_main .flex{display:block}.contact_main .left{width:calc(100% + 2px)}.contact_info .items>div{grid-template-columns:1fr}}