.about-us {position:relative;padding: clamp(30px, calc( (70 / 1920) * 100vw ), 70px) 0;}
.about-us .wp{display:flex;justify-content:space-between;align-items:flex-start;}
.about-us .pic {width:46.5%;display:block;overflow:hidden;position:relative;}
.about-us .pic img{width:100%;transition:all 0.3s ease 0s;}
.about-us .pic span{background:#000;text-align:center;position:absolute;right:0;bottom:0;font-size:clamp(16px, 1.88vw, 36px);line-height:1.5;color:#fff;display:flex;justify-content:center;align-items:center;padding:20px;}
.about-us .txt {-webkit-flex:1;flex:1;background:#fff;padding:40px 0 0 110px;position:relative;}
.about-us .txt em {font-size:clamp(14px, 0.95vw, 18px);color:#5d5d5d;letter-spacing:9px;display:block;margin:0 0 15px;text-transform:uppercase;}
.about-us .txt em i {font-size:clamp(14px, 0.9vw, 17px);}
.about-us .txt h3 {font-size: clamp(24px, 3.75vw, 56px);line-height:1;color:#000;font-weight:700;text-transform:uppercase;}
.about-us .txt h3 span {color:var(--color-primary);}
.about-us .txt .t {line-height:1.8;font-size:clamp(14px, 0.95vw, 18px);color:#5d5d5d;margin:20px 0 0;}
.about-us .txt .t p~p {margin-top:15px;}
.about-us .txt h4 {font-size:clamp(18px, 1.3vw, 24px);color:#000;font-weight:700;margin:20px 0 0;}
.about-us .txt ul {margin:10px 0 0;}
.about-us .txt ul li {background:url("../../images/dot.png") no-repeat left 6px;padding:0 0 0 36px;line-height:1.6;font-size:clamp(14px, 1.15vw, 22px);color:#000;margin:20px 0 0;}
.about-us .txt .more {margin:30px 0 0;width:200px;height:50px;line-height:50px;background:var(--btn-bg);display:block;text-align:center;font-size:18px;color:#fff;}
.about-us .txt .more:hover {background:var(--btn-bg-hover);}


                      
@media screen and (max-width:1550px) {
.about-us .txt {padding:20px 0 0 60px;}
.about-us .txt ul li {margin:15px 0 0;}
}
             
@media screen and (max-width:1441px) {
.about-us .txt{padding:0 0 0 60px;}
.about-us .txt em{letter-spacing:7px;}
.about-us .txt .t{line-height:1.6;}  
.about-us .txt ul li{background-size:22px;background-position:left 4px;padding:0 0 0 32px;margin:12px 0 0;}
.about-us .txt .more{width:180px;height:45px;line-height:45px;font-size:17px;}  
}                      
                      
@media screen and (max-width:1150px) {
.about-us .txt {padding:0 0 0 40px;}
.about-us .txt ul li {margin:12px 0 0;background-size:20px;padding:0 0 0 30px;background-position:left 2px;}
}

@media screen and (max-width:1280px) {
.about-us .txt em {letter-spacing:5px;}
.about-us .txt .t{line-height:1.5;}
.about-us .txt ul li{margin:10px 0 0;}
.about-us .txt .more {margin:20px 0 0;width:160px;height:40px;line-height:40px;font-size:16px;}
}
               
@media screen and (max-width:992px) {  
.about-us .wp {flex-direction:column;}
.about-us .pic {width:100%;display:block;overflow:hidden;position:relative;}
.about-us .txt {padding:20px 0 0;}
}
 
@media screen and (max-width:991px) {
.about-us .txt em{letter-spacing:3px;}
.about-us .txt .more{width:120px;height:35px;line-height:35px;font-size:15px;}
}
@media screen and (max-width:480px) {
.about-us .pic h4{padding:15px;}
.about-us .txt .t{margin:15px 0 0;}
.about-us .txt ul li{background-size:16px;padding:0 0 0 22px;background-position:left 4px;}
.about-us .txt .more{font-size:14px;}
}