.about-us {position:relative;padding:100px 0 210px;}
.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 h5 {background:#000;text-align:center;position:absolute;right:0;bottom:0;font-size:clamp(18px, 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:18px;color:#5d5d5d;letter-spacing:9px;display:block;margin:0 0 15px;text-transform:uppercase;}
.about-us .txt em i {font-size:17px;}
.about-us .txt h3 {font-size:clamp(24px, 3.75vw, 70px);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:18px;color:#5d5d5d;margin:20px 0 0;}
.about-us .txt .t p~p {margin-top:15px;}
.about-us .txt h5 {font-size: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: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 {font-size:20px;margin:15px 0 0;}
}
             
@media screen and (max-width:1441px) {
.about-us{padding:80px 0 170px;}
.about-us .txt{padding:0 0 0 60px;}
.about-us .txt em{font-size:17px;letter-spacing:7px;}
.about-us .txt .t{line-height:1.6;font-size:17px;}       
.about-us .txt h5{font-size:22px;}
.about-us .txt ul li{font-size:18px;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 {font-size:18px;margin:12px 0 0;background-size:20px;padding:0 0 0 30px;background-position:left 2px;}
.about-us .txt h5 {font-size:22px;}
}

@media screen and (max-width:1280px) {
.about-us {padding:60px 0 150px;}
.about-us .txt em {font-size:16px;letter-spacing:5px;}
.about-us .txt em i {font-size:16px;}
.about-us .txt .t{line-height:1.5;font-size:16px;}
.about-us .txt h5 {font-size:20px;}
.about-us .txt ul li{font-size:17px;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{padding:50px 0;}
.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:768px) {
.about-us{padding:30px 0;}
.about-us .txt em{font-size:15px;letter-spacing:3px;}
.about-us .txt h5{font-size: 18px;}
.about-us .txt ul li{font-size:16px;}
.about-us .txt .more{width:120px;height:35px;line-height:35px;font-size:15px;}
}
@media screen and (max-width:480px) {
.about-us .txt .t{font-size:15px;margin:15px 0 0;}
.about-us .txt ul li{font-size:15px;background-size:16px;padding:0 0 0 22px;background-position:left 4px;}
.about-us .txt .more{font-size:14px;}
}