@charset "UTF-8";
.crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .input-wrap .input-label {display: none!important;}
.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .input-wrap.text-wrap {width: 50%!important;}
.crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .singel-select select {
  padding: 0 30px!important;
  background: rgba(255, 255, 255, .16)!important;
  border: none!important;
  color: #d1d1d1!important;
  line-height: 54px!important;
  height: 54px!important;
  display: block!important;
  width: 100%!important;
  border-radius: 0px!important;
}
.crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury_title_box .inqury_title_text {display: none!important;}
.contact {padding: 90px 0;background-image: url(https://okki-shop.oss-cn-hangzhou.aliyuncs.com/category/427473/3155/01b4ce770cd0c3b27fcb95990d82eb30/contact_bg.jpg);}
.contact .container {display: flex;}
.contact .contact-inquiry {width: 68.7%;}
.contact .contact-inquiry h3 {font-size:clamp(24px, 3.15vw, 60px);font-weight: 700;line-height: 1;color: #fff;text-transform: capitalize;}
.contact .contact-inquiry h3 em {color: var(--color-primary);}
.contact .contact-inquiry .list {display: flex;margin-top: 55px;}
.contact .contact-inquiry .tit {flex: 1;margin-right: 70px;}
.contact .contact-inquiry .tit h5 {font-size:clamp(16px, 1.6vw, 30px);color: #fff;line-height: 1;}
.contact .contact-inquiry .tit .t {font-size: 16px;line-height:1.8;color: #8A8A8A;margin-top: 20px;}
.contact .contact-inquiry .tit .t p {line-height:inherit;}
.contact .contact-inquiry .tit .share-list {margin-top: 100px;}
.contact .contact-inquiry .tit .share {margin-top: 30px;}
.contact .contact-inquiry .tit .share a{display:inline-block;color:#fff;width:28px;height:28px;line-height:28px;text-align:center;transition: all .5s ease;}
.contact .contact-inquiry .tit .share a+a{margin-left:25px;}
.contact .contact-inquiry .tit .share a i{font-size:28px;color:inherit;}
.contact .contact-inquiry .tit .share a:hover{color:var(--color-primary);}

.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 {width: 61%;}
.contact-group {margin-bottom: 15px;}
.contact-group h6 {display: block;font-weight: 700;margin-bottom: 10px;color: #fff;}
.contact-group label {font-weight: 500;margin-left: 5px;color: #8A8A8A;line-height: 36px;}
.contact-group .post-text,.contact-group textarea {width: 100%;padding: 0 30px;border-radius:6px;box-sizing: border-box; background: rgba(255,255,255,.16);border: none;color: #d1d1d1;line-height: 54px;}
.contact-group textarea {resize: none;max-width: 100%;width: 100%;}
.contact-group.select {position: relative;}
.contact-group.select::after {content: "\e647";position: absolute;top:16px;right: 30px;font-family: 'qico';font-size: 16px;color: #fff;}
.contact-group select {height: 54px;color: #8A8A8A;width: 100%;padding: 0 30px;border-radius:6px;box-sizing: border-box; background: rgba(255,255,255,.16);border: none;line-height: 54px;-webkit-appearance:none;-moz-appearance: none;appearance: none;}
.checkbox-group, .radio-group {margin: 10px 0;}
.checkbox-item, .radio-item {margin-right: 15px;display: inline-flex;align-items: center;}
.checkbox-item, .radio-item input {background: transparent;cursor: pointer;}
.contact-inquiry button {color: #fff;border: none;border-radius: 6px;cursor: pointer;font-size: 16px;line-height: 54px;background: var(--color-primary);width: 180px;}
.two-column {display: flex;gap: 15px;}
.two-column > div {flex: 1;}



.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .container{max-width:100%;padding-left:15px;padding-right:15px;}
.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .container > .row:nth-child(1){display:none;}

.crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form{margin:0 -10px;}

.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .one-line-input {text-overflow: ellipsis;width: 100%;padding: 0 30px;border-radius: 6px;background: rgba(255,255,255,.16);border: none;color: #d1d1d1;line-height: 54px;height: 54px;}
.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .phone-wrap .phone_number {flex: 1;overflow: hidden;text-overflow: ellipsis;width: 100%;padding: 0 30px;border-radius: 0 6px 6px 0;box-sizing: border-box;background: rgba(255,255,255,.16);border: none;color: #d1d1d1;line-height: 54px;height: 54px;}
.contact .contact-inquiry :not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {background: transparent;border: 0;border-radius: 0;}
.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .phone-wrap .bootstrap-select > .dropdown-toggle.bs-placeholder {border-radius: 6px 0 0 6px;background: rgba(255,255,255,.16);border: none;color: #d1d1d1;line-height: 54px;height: 54px;align-items: center;border-right: 1px solid #a1a1a1;}
.contact .contact-inquiry .bootstrap-select .dropdown-toggle .filter-option {height: auto;}
.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .text-wrap .char-count,.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .phone-wrap .char-count {top: 20px;}
.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .mul-select-wrap .bootstrap-select .btn-light,.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .singel-select .bootstrap-select .btn-light {width: 100%;padding: 0 15px;border-radius: 6px;box-sizing: border-box;background: rgba(255,255,255,.16);border: none;color: #d1d1d1;line-height: 54px;height: 54px;}
.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .textarea-input{text-overflow: ellipsis;padding: 10px 15px;border-radius: 6px;background: rgba(255,255,255,.16);color: #d1d1d1;max-width:100%;width:100%;line-height:24px;height:auto;overflow-y:hidden;min-height:96px;
  max-height:800px;transition: border-color 0.3s,box-shadow 0.3s,height 0.2s ease-out;}
.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .input-wrap.half {width: 100%;}
.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury_submit {padding: 0;color: #fff;border-radius: 6px;cursor: pointer;font-size: 16px;line-height: 50px;background: transparent;width: 180px;overflow: hidden;position: relative;border: 2px solid #fff;transition: all .5s ease;}
.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .input-wrap .input-placeholder {width: 100%;display: block;font-weight: 400;margin-bottom: 10px;color: #fff;padding: 0;}
.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form input[type="radio"] + label,.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form input[type="checkbox"] + label {position: relative;padding-left: 24px;cursor: pointer;font-weight: 500;margin-left: 5px;color: #8A8A8A;font-size:15px;}

.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury_submit:hover {border-color: var(--color-primary);}
.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury_submit:hover::before {content: 'SEND NOW';display: flex;justify-content: center;align-items: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;color: #fff;background: var(--color-primary);border-radius: 2px;animation: animation_btn1 .5s ease-in-out;font-size: 16px;}

@keyframes animation_btn1{
  0% {width: 100%;height: 100%;transform: translate(0%, 100%);}
  30% {width: 100%;height: 100%;}
  100% {width: 100%;height: 100%;transform: translate(0%, 0%);}
}






.bootstrap-select > select{left:0 !important;}

.contact .contact-text {flex: 1;margin-left: 80px;border-left: 1px solid #1D1D1D;}
.contact .contact-text .t {padding-left: 40px;position: relative;}
.contact .contact-text .t + .t {margin-top: 60px;}
.contact .contact-text .t::after {content: '';display: block;height: 18px;width: 3px;background: #fff;position: absolute;left: -2px;top: 0;}
.contact .contact-text .t h5 {font-size: 20px;color: #fff;font-weight: 500;line-height: 1;margin-bottom: 25px;}
.contact .contact-text .t p{font-size: 18px;line-height:1.5;color: #8A8A8A;font-weight: 300;background-repeat:no-repeat;background-position:left 6px;}
.contact .contact-text .t p+p{margin-top:10px;}
.contact .contact-text .t p.per,.contact .contact-text .t p.tel,.contact .contact-text .t p.app,.contact .contact-text .t p.mail{padding:0 0 0 28px;}
.contact .contact-text .t p.per{background-image:url("https://okki-shop.oss-cn-hangzhou.aliyuncs.com/category/427473/3155/2125acd19ac1f4839774a40c34c0084a/c1.png")}
.contact .contact-text .t p.tel{background-image:url("https://okki-shop.oss-cn-hangzhou.aliyuncs.com/category/427473/3155/0e642a02c5b4b47c7a290d5a7b989322/c2.png")}
.contact .contact-text .t p.app{background-image:url("https://okki-shop.oss-cn-hangzhou.aliyuncs.com/category/427473/3155/b493234e25df81bdd5ef14bfea377ce9/c3.png")}
.contact .contact-text .t p.mail{background-image:url("https://okki-shop.oss-cn-hangzhou.aliyuncs.com/category/427473/3155/0986b876c779ddcfcee510b0cc8b5cd2/c4.png")}

.contact .contact-text .more {margin-top: 25px;display: flex;gap: 20px;padding-left: 40px;}
.contact .contact-text .more a {width: 48px;height: 48px;overflow: hidden;border-radius: 50%;text-align: center;}
.contact .contact-text .more a i {font-size: 32px;color: #fff;line-height: 48px;}
.contact .contact-text .more a:nth-child(1) {background-color: #2EA5D9;}
.contact .contact-text .more a:nth-child(2) {background-color: #23CD63;}

.contact-service {padding:70px 0 120px;background: #030303;}
.contact-service .tit{text-align:center;}
.contact-service .tit h3 {font-size:clamp(22px, 2.5vw, 48px);line-height: 1;font-weight: 600;color: #fff;text-transform: capitalize;}
.contact-service ul {margin: 130px -24px 0;display: flex;justify-content: center;flex-wrap: wrap;}
.contact-service ul li {width: 25%;box-sizing: border-box;padding: 0 24px;}
.contact-service ul li .box {border-radius: 20px;background: rgba(255,255,255,.16);padding: 95px 20px 45px;position:relative;text-align:center;height: 100%;}
.contact-service ul li:not(:last-child) .box::after {content: '';display: block;width: 34px;height: 23px;background: url('https://okki-shop.oss-cn-hangzhou.aliyuncs.com/category/427473/3155/b064ee1b762edbc293f214e1cbb56b1b/dot1.png') no-repeat;background-size: 100%;position: absolute;top: calc(50% - 12.5px);right: -42px;}
.contact-service ul li .box .ico {width: 140px;height: 140px;background: var(--color-primary);border-radius: 50%;overflow: hidden;display: flex;justify-content: center;align-items: center;position: absolute;left: calc(50% - 70px);top: -70px;}
.contact-service ul li .box .ico img{max-width:50%;max-height:50%;}
.contact-service ul li .box h5{font-size:clamp(16px, 1.6vw, 30px);color: #fff;font-weight: 600;line-height: 1;}
.contact-service ul li .box p{font-size:18px;line-height:1.6;color: #8A8A8A;margin-top: 10px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}


.map {position: relative;overflow: hidden;}
.map img {width: 100%;}


.crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .phone-wrap .bootstrap-select > .dropdown-toggle{background-color:#2F2F2F !important;height:54px !important;}



@media screen and (max-width:1680px){
.contact{padding:80px 0;}
}

@media screen and (max-width:1441px) {
.contact{padding:70px 0;}
.contact .contact-inquiry .tit{margin-right:50px;}
.contact .contact-text{margin-left:50px;}
.contact .contact-inquiry .tit .share-list{margin-top:80px;}
.contact .contact-text .t h5{font-size:18px;}
.contact .contact-text .t p{font-size:17px;}

.contact-service ul li .box .ico{width:120px;height:120px;left:calc(50% - 60px);top:-60px;}
.contact-service ul li .box p{font-size:17px;}

.bootstrap-select .dropdown-menu li .dropdown-item{white-space:normal;}
.bootstrap-select .dropdown-menu li a span.text{font-size:15px;}

}

@media screen and (max-width:1367px) {

}

@media screen and (max-width:1281px){
.contact{padding:60px 0;}
.contact .contact-text .t + .t{margin-top:50px;}
.contact .contact-text .t p{font-size:16px;}

.contact-service{padding:60px 0 80px;}
.contact-service ul li .box .ico{width:100px;height:100px;left:calc(50% - 50px);top:-50px;}
.contact-service ul li .box p{font-size:16px;}

.bootstrap-select .bootstrap-select .dropdown-menu li .dropdown-item{font-size:14px;}

}

@media screen and (max-width:1171px){

}

@media screen and (max-width:992px){
.contact .container{display:block;}
.contact .contact-inquiry{width:100%;}
.contact .contact-text{margin:50px 0 0;display:flex;flex-wrap:wrap;border-left:none;}
.contact .contact-text > div{width:50%;padding:15px 0;}
.contact .contact-text .t{padding-left:30px;}
.contact .contact-text .t + .t{margin-top:0;}
.contact .contact-text .t::after{top:15px;}
.contact .contact-text .t h5{margin-bottom:20px;}
.contact .contact-text .more{margin-top:0;padding-left:0;}

.contact-service{padding:40px 0;}
.contact-service ul{margin:60px -20px 0;}
.contact-service ul li{width:50%;padding:30px 20px;}
.contact-service ul li .box{padding:70px 20px 25px;}
.contact-service ul li .box .ico{width:80px;height:80px;left:calc(50% - 40px);top:-40px;}
.contact-service ul li:not(:last-child) .box::after{width:24px;height:16px;top:calc(50% - 8.5px);right:-32px;}
.contact-service ul li:nth-child(2) .box::after{display:none;}

}

@media screen and (max-width:768px){
.contact{padding:30px 0;}

.contact .contact-inquiry .list{display:block;margin-top:30px;}
.contact .contact-inquiry .tit .t{line-height:1.5;margin-top:15px;}
.contact .contact-inquiry .tit .share-list{margin-top:30px;}
.contact .contact-inquiry .tit .share{margin-top:20px;}

.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844{width:auto;margin:40px -15px 0;}

.contact .contact-text .t h5{font-size:16px;margin-bottom:15px;}
.contact .contact-text .t p{font-size:16px;line-height:1.5;}

.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury_submit{line-height:45px;width:170px;}

.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .one-line-input{padding:0 15px;line-height:45px;height:45px;font-size:15px;}
.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .phone-wrap .phone_number{padding:0 15px;line-height:45px;height:45px;font-size:15px;}
.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .phone-wrap .bootstrap-select > .dropdown-toggle.bs-placeholder{line-height:45px;height:45px !important;}

.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form input[type="radio"] + label, .contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form input[type="checkbox"] + label{font-size:15px;}

.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .textarea-input{font-size:15px;}

.contact .contact-text{margin:30px 0 0;}

.contact-service ul li .box{padding:60px 20px 25px;}
.contact-service ul li .box .ico{width:70px;height:70px;left:calc(50% - 35px);top:-35px;}
.contact-service ul li .box p{font-size:15px;line-height:1.5;}

}

@media screen and (max-width:640px) {

}

@media screen and (max-width:576px) {
.contact .contact-text > div{width:100%;}
.contact .contact-text .t{padding-left:20px;}
.contact .contact-text .t p{font-size:15px;}
.contact .contact-text .more a{width:40px;height:40px;}
.contact .contact-text .more a i{font-size:22px;line-height:40px;}

}

@media screen and (max-width:480px) {
.contact .contact-inquiry .tit .t{margin-top:10px;font-size:15px;}
.contact .contact-inquiry .tit .share a i{font-size:22px;}

.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844{margin:30px -15px 0;}

.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury_submit{font-size:15px;line-height:40px;width:150px;}

.contact .contact-text > div{padding:10px 0;}
.contact .contact-text .t{padding-left:15px;}
.contact .contact-text .t::after{top:10px;}

.contact-service{padding:20px 0;}
.contact-service ul{margin:30px 0 0;}
.contact-service ul li{width:100%;padding:25px 0;}
.contact-service ul li .box{padding:45px 15px 20px;}
.contact-service ul li .box p{font-size:14px;}
.contact-service ul li:not(:last-child) .box::after{display:none;}
}	

@media screen and (max-width:420px) {

}

.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury_submit:hover::before {
  content: 'Send Now';
}



/* 将第三个元素设置为 100% */
.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .input-wrap.text-wrap:nth-child(6) {
    width: 100% !important;
}
.contact .contact-inquiry .crm_inquiry_form_boxcustom_inquiry_form_1754443762831844 .inqury-form .input-wrap.text-wrap:nth-child(6) .char-count{display: none;}