@font-face{font-family:BebasNeue;font-display:swap;src:url(/js/44270/RobotoBlack.ttf) format('truetype')}
body{max-width:unset}
.contact-us .page-main{padding:0px;}
.contact-us{padding-top: 0px;background: #000;}
.contact-us .l-wrap{max-width: 100%;padding: 0;}
.contact-title{display: flex;padding:30px 0;padding-left:15%;}
.contact-title+p{padding-left:15%;max-width:67%;margin-bottom:20px}
.banner-inner .banner-content{display:none}
.contact-title h2{font-size: 50px;color: #fff;text-transform: uppercase;font-family: 'BebasNeue';line-height: 1;position: relative;display: flex;}
.contact-title .title-p{position: relative;font-size: 50px;text-transform: uppercase;font-family: 'BebasNeue';line-height: 1;color: #fff;-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #fff;}
.contact-title .title-p p:nth-of-type(2){position: absolute;content: '';color: #6A5D59;clip-path: polygon(100% 50%, 100% 0%, 0% 0%, 0% 50%);left: 0;top: 0;}
.contact-banner{background-size: cover;padding: 85px 0 120px;position: absolute;width: 100%;height: 100%;top: 0;display: flex;align-items: center;}
.contact-banner .banner-title{font-family: Arial;font-weight: bold;font-size: 38px;color: #FFFFFF;line-height: 1;margin-bottom: 20px;}
.contact-banner p{font-family: Arial;font-weight: 400;font-size: 18px;color: #FFFFFF;line-height: 1;}
.contact-banner .l-contant{text-align: center;}
.contact-message{background: #000;position: relative;padding-top: 75px;}
.contact-message::after{position: absolute;width: 100%;content: '';height: 50%;top: 0;left: 0;background: #181818;z-index: 0;}
.contact-left{width: 45%;position: relative;z-index: 1;}
.contact-com{background: #303030;border-radius: 5px;padding: 80px 30px;}
.contact-box{display: flex;margin-bottom: 50px;}
.contact-message .l-contant{display: flex;align-items: flex-start;}
.contact-right{flex: 1;position: relative;z-index: 1;}
.contact-right img{width: 100%;display: block;}
.contact-box .r h5{font-family: Arial;font-size: 24px;color: #FFFFFF;line-height: 1;margin-bottom: 15px;font-weight: 400;}
.contact-box .r p{font-family: Arial;font-size: 18px;color: #FFFFFF;line-height: 1.25;}
.contact-box .l{margin-right: 20px;}
.contact-box .r{flex: 1;}
.contact-text p{font-size: 80px;color: #fff;text-transform: uppercase;font-family: 'BebasNeue';line-height:1;position: relative;display: flex;z-index: 1;}
.contact-text{padding: 55px 80px 80px;box-sizing: border-box;background: var(--color);}
.contact-text p:nth-of-type(2){justify-content: end;position: relative;color: var(--color);-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #fff;transform: translateY(-40px);z-index: 0;margin-bottom: -40px;margin-right: 30px;}
.contact-text p:nth-of-type(2)::after{content: 'information';position: absolute;font-family: BebasNeue;font-weight: 400;font-size: 80px;text-transform: uppercase;line-height: 1;color: #fff;clip-path: polygon(0 100%, 100% 100%, 100% 50%, 0 50%);right: 0px;}
.contact-feed{background: url(/uploads/44270/cm/message-back.webp)center no-repeat;background-size: cover;}
.message-feed{display: flex;align-items: flex-start;margin-top: 25px;}
.message-left{width: 62%;}
.message-right{flex: 1;padding-left: 100px;}
.message-contant{padding: 80px 0;}
.message-title{padding-left:29%;}
.message-title h3{font-size: 50px;color: var(--color);text-transform: uppercase;font-family: 'BebasNeue';line-height: 1;position: relative;display: flex;flex-direction: column;align-items: baseline;}
.contact-feedtit{padding-top: 75px;background: #1E1C1C;transform: translateY(-100px);margin-bottom: -100px;}
.message-title .title-p{position: relative;font-size: 50px;text-transform: uppercase;font-family: 'BebasNeue';line-height: 1;color: #fff;-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #fff;transform: translate(120px, -25px);}
.message-title .title-p p:nth-of-type(2){position: absolute;content: '';color: #272B2E;clip-path: polygon(100% 50%, 100% 0%, 0% 0%, 0% 50%);left: 0;top: 0;}
.message-contant p{font-size: 18px;color: #FFFFFF;}
.message-right img{transition: all .3s ease-in-out;}
.message-left .wmkcfeedback .wmkcfb-fileupload, .wmkcfeedback input, .wmkcfeedback textarea{background: #292929;border-radius: 5px;border: 1px solid #fff;color: #fff;}
.message-left .wmkcfeedback .send-btn{margin: unset;border: none;}
/* @media (max-width:1640px) {
  .contact-title h2,.contact-title .title-p,.contact-text p,.contact-text p:nth-of-type(2)::after,.contact-feedtit .title-p{font-size: 72px;}
  .contact-banner .banner-title{font-size: 32px;}
  .contact-banner p{font-size: 16px;}
} */
@media (max-width:1440px) {
  /* .contact-title h2, .contact-title .title-p, .contact-text p, .contact-text p:nth-of-type(2)::after, .contact-feedtit .title-p{font-size: 65px;} */
  .contact-banner{padding: 70px 0;}
  /* .contact-title{padding: 25px;} */
  .contact-left{width: 50%;}
  .contact-com{padding: 40px 30px;}
  .contact-text{padding: 50px 30px;}
  .contact-text p:nth-of-type(2){transform: translateY(-25px);margin-bottom: -25px;}
  .message-title {padding-bottom: 25px;}
  .message-left{width: 55%;}
  .message-right{padding-left: 80px;}
}
@media (max-width:1366px) {
  /* .contact-title h2, .contact-title .title-p, .contact-text p, .contact-text p:nth-of-type(2)::after, .contact-feedtit .title-p{font-size: 54px;} */
  .contact-feedtit{padding-top: 100px;}
}
@media (max-width:1024px) {
  .contact-title h2, .contact-title .title-p, .contact-text p, .contact-text p:nth-of-type(2)::after, .contact-feedtit .title-p{font-size: 42px;}
  .contact-banner .banner-title{font-size: 24px;}
  .contact-message .l-contant{flex-wrap: wrap;flex-direction: column;}
  .contact-left,.contact-right{width: 100%;}
  .contact-message{padding-top: 10px;}
  .contact-box .r h5{font-size: 20px;}
  .contact-box .r p{font-size: 16px;}
  .contact-box{margin-bottom: 30px;}
  .contact-box .l img{max-width: 20px;}
  .contact-text{padding: 20px 30px;}
  .contact-feedtit {padding-top: 50px;transform: translateY(0px);margin-bottom: 0;}
  .message-contant {padding: 30px 0}
}
@media (max-width:768px) {
  .contact-title h2, .contact-title .title-p, .contact-text p, .contact-text p:nth-of-type(2)::after, .contact-feedtit .title-p,.message-title h3,.message-title .title-p{font-size: 32px;}
  .contact-banner {padding: 20px 0;}
  .contact-banner p {font-size: 16px;line-height: 1.52;}
  .contact-banner .banner-title {font-size: 22px;margin-bottom: 15px;}
  .contact-title {padding: 20px 0;}
  .contact-com {padding: 25px 20px;}
  .message-title h3 p{padding-left: 0;transform: translateY(-10px);margin-bottom: -10px;z-index: -1;}
  .message-title {padding: 25px 0;}
  .contact-feedtit {padding-top: 0;}
  .message-feed{flex-direction: column;}
  .message-left{width: 100%;}
  .message-right {padding-left: 0;text-align: center;margin-top: 25px;}
  .message-contant p{font-size: 16px;color: #FFFFFF;text-align: center;}
  .message-right img{max-width: 50%;transform: translateX(30px);}
}
@media (max-width:550px) {
  .contact-banner .banner-title{font-size: 20px;margin-bottom: 10px;}
}
.contact-com iframe{height:550px}
@media (max-width:1024px) {.contact-com iframe{height:300px}}



.l-contant{max-width:1800px}
.cont1{background: #1C1A1B;color:#fff;}
.cont1 .l-contant{display:flex;align-items: flex-end;justify-content: space-between;flex-wrap:wrap;margin-top:-200px;z-index:2;}
.cont1 .cont1-left{width:44%;}
.cont1 .cont1-left .cont-list{background: #545252;padding:10% 14%}
.cont1 .cont1-left .cont-list .item{display:flex;}
.cont1 .cont1-left .cont-list .item:nth-child(n+2){margin-top:6%;}
.cont1 .cont1-left .cont-list .item .icon{width:50px;}
.cont1 .cont1-left .cont-list .item .art{width:calc(100% - 50px)}
.cont1 .cont1-left .cont-list .item .art p:not(.des){font-size:18px;margin-bottom:10px;}
.cont1 .cont1-left .cont-list .item .art p a{color:#fff;}
.cont1 .cont1-right{width:56%;}
.cont1 .cont1-right .inner{background: #353535;padding:5.5% 7%}
.cont1 .cont1-right .inner p{margin-bottom: 30px;}
.wmkcfeedback .send-btn{margin-left: 0;background: var(--color);border-radius: 10px;}

.cont2{background: url(/uploads/44270/page/p20251022114845962c0.jpg) no-repeat center/cover;padding:8% 0 5%;position: relative;}
.cont2 ul{justify-content: space-between;display:flex;max-width:80%;margin:0 auto;}
.cont2 ul li{width:23%;color:#fff;text-align: center;position: relative;}
.cont2 ul li .num{width:100px;height:100px;border-radius: 50%;background: #000;border: 2px solid var(--color);display:flex;align-items: center;justify-content: center;position: absolute;top:-50px;left:50%;transform: translateX(-50%);font-size:22px;}
.cont2 ul li .tit{text-align: center;font-size:25px;background: #000;border-radius: 10px;padding:70px 30px 50px 30px;line-height: 1.3;font-family:'BebasNeue'}
.cont2 ul li .tit p:nth-child(1){color:#000;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff}
.cont2 ul li .tit p:nth-child(2){color:#fff;}

.cont3{background: url(/uploads/44270/page/p20251022130630d7eed.jpg) no-repeat center/cover;padding:3% 0 5%;}
.cont3 .contact-title{justify-content: center;padding-left: 0;padding-bottom:3%;}
.cont3 .contact-title h2{color: #212125;-webkit-text-stroke-width: 0.5px;-webkit-text-stroke-color: #fff;}
.cont3 .contact-title .title-p p:nth-of-type(2){color: #212125;}
.cont3 .inner{display:flex;align-items: center;justify-content: space-between;}
.cont3 .inner .left{width:50%;}
.cont3 .inner .left iframe{height:440px}
.cont3 .inner .right{width:50%;padding:0 10%;color:#fff;}
@media (max-width:1440px){.cont2 ul li .tit{font-size:20px;}
.message-title{padding-bottom:15px;}}
@media (max-width:1280px){.contact-title+p{max-width:82%;}}
@media (max-width:1024px){.cont1 .l-contant{margin-top:0;}
.cont1 .cont1-left,.cont1 .cont1-right{width:100%;}
.cont1 .cont1-right{margin-top:20px;}
.contact-title,.contact-title+p,.message-title{padding-left:0;}
.cont1 .cont1-left .cont-list,.cont1 .cont1-right .inner{padding:20px;}
.cont1 .cont1-left .cont-list .item:nth-child(n+2){margin-top:15px;}
.cont2 ul{max-width:100%;flex-wrap:wrap;}
.cont2 ul li{width:49%;}
.cont2 ul li:nth-child(n+3){margin-top:70px;}
.cont3 .inner{flex-wrap:wrap;}
.cont3 .inner .left{width:100%;}
.cont3 .inner .right{width:100%;padding:20px 0;}}
@media (max-width:768px){.cont2{padding: 70px 0 40px;}
.message-title .title-p{transform: initial;}
.cont2 ul li .num{width:70px;height:70px;font-size:18px;}
.cont2 ul li .tit{padding:30px 10px 15px;}
.cont3 .inner .left iframe{height:300px;}}
@media (max-width:550px){.cont2 ul li .tit{font-size:14px}}
.contact-com{padding:10px}
@media (max-width:768px){.contact-message{display:none}}