﻿.common-main.about-us{margin:0;background:var(--color)}
.inner-banner{display:none}
.about-us .l-wrap{max-width:100%;margin:0 auto}
.about-banner-img img{display:block;max-width:100%;width:100%;}
.wmkc-about-banner{position:relative}
.abnout-banner-text{position:absolute;max-width:1500px;width:100%;height:100%;top:0;left:50%;transform:translateX(-50%);display:flex;justify-content:center;flex-direction:column;align-items:center}
.abnout-banner-text p:nth-of-type(1){font-size:96px;color:#f5a200;line-height:1;font-weight:600;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#ffffffc7;text-shadow:2px 3px 5px #000;text-transform:uppercase;font-family:Impact}
.abnout-banner-text p:nth-of-type(2){font-size:47px;color:#f5a200;line-height:1;font-weight:600;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#ffffffc7;text-shadow:1px 2px 4px #000;font-family:Impact;margin-top:60px}
.about-lawy{max-width:1400px;margin:0 auto}
.about-ioce-item{display:flex;justify-content:space-between;padding:35px 120px;background:#fff;border-radius:60px;transform:translateY(-50%);z-index: 1;position: relative;}
.about-ioce-text{margin-top:20px;margin-bottom:10px}
.about-ioce-text p{font-family:Impact;font-weight:400;font-size:24px;color:var(--color)!important;text-align:center;line-height:1!important}
.about-ioce-img img{display:block;max-width:100%;margin:0 auto;height:85px}
.about-ioce-span{width:100%;height:3px;background:#000;position:relative}
.about-ioce-span::after{position:absolute;width:35%;content:'';background:var(--color)!important;height:3px}
.about-ioce-span::before{position:absolute;width:40%;content:'';background:#fff;height:3px}
.about-card-all{display:flex}
.about-card-left{flex:1}
.about-card-left img{display:block;max-width:100%}
.about-card-right{width:61%;padding-left:40px;box-sizing:border-box;position:relative;margin-left:20px}
.about-card-right::after{position:absolute;content:'';height:60%;width:3px;background:#000;top:0;left:0}
.about-card-right::before{position:absolute;content:'';height:60%;width:3px;background:#fff;bottom:0;left:10px}
.about-card-title h5{font-family:Impact;font-weight:400;font-size:42px;color:#282828;line-height:1;margin-bottom:60px}
.about-card-title p{font-family:SourceHanSansCN;font-weight:500;font-size:14px;color:#020202}
.wmkc-about-card{padding-bottom:110px}
.wmkc-about-activity{background:#000;padding:80px 0 50px}
.about-lawys{max-width:1200px;margin:0 auto}
.about-activity-title h5{font-family:Impact;font-weight:400;font-size:54px;color:#000;text-align:center;text-transform:uppercase;line-height:1;color:var(--color)}
.about-activity-top{display:flex;justify-content:space-between;align-items:end}
.about-activity-l{width:28%}
.about-activity-top img{display:block;max-width:100%}
.about-activity-main{width:42%}
.about-activity-l .about-activity-img:nth-of-type(1){margin-bottom:10px}
.about-activity-botton{display:flex;justify-content:space-between;margin-top:10px}
.about-activity-main img{width:100%;max-width:100%}
.about-activity-title p{font-family:SourceHanSansCN;font-weight:400;font-size:42px;color:var(--color)!important;text-align:center;text-transform:uppercase;line-height:1 !important;padding:30px 0 60px}
.wmkc-about-certificate .about-activity-title h5{color:#000!important}
.wmkc-about-certificate .about-activity-title p{color:#000!important}
.wmkc-about-certificate{padding:110px 0 150px}
.about-certificate-img{display:flex;justify-content:center;max-width: 80%;margin: 0 auto;}
.about-certificate-img img{display:block;max-width:100%}
.about-activity-im{width: 24.5%;}

@media (max-width:1400px) {
    .abnout-banner-text p:nth-of-type(1){font-size: 64px;}
    .abnout-banner-text p:nth-of-type(2){font-size: 36px;margin-top: 20px;}
    .about-ioce-item{padding: 30px 90px;}
    .about-ioce-img img{height: 55px;}
    .about-ioce-text p{font-size: 20px;}
    .about-lawy{padding: 0 3%;}
    .about-card-title h5{font-size: 32px;margin-bottom: 20px;}
    .wmkc-about-card {padding-bottom: 50px;}
    .wmkc-about-activity{padding: 50px 0;}
    .about-activity-title h5{font-size: 36px;}
    .about-activity-title p{font-size: 24px;padding: 20px 0 30px;}
    .wmkc-about-certificate {padding: 50px 0;}
}
@media (max-width:1200px) {
    .about-lawys{padding: 0 3%;}
}
@media (max-width:768px) {
    .about-ioce-item {padding: 30px;transform: unset;margin: 25px 0;border-radius: unset;}
    .about-ioce-text p{font-size: 16px;}
    .about-ioce-img img {height: 40px;}
    .about-ioce-text {margin-top: 7px;margin-bottom: 7px;}
    .about-card-all{flex-direction: column;}
    .about-card-left img{width: 100%;display: block;}
    .about-card-right{width: 100%;padding-left: 0;margin-left: 0;margin-top: 25px;}
    .about-card-right::before,.about-card-right::after{display: none;}
}
@media (max-width:500px) {
    .abnout-banner-text p:nth-of-type(1) {font-size: 34px;}
    .abnout-banner-text p:nth-of-type(2) {font-size: 18px;margin-top: 12px;}
    .about-ioce-item {padding: 15px;}
    .about-card-title h5 {font-size: 26px;margin-bottom: 10px;text-align: center;}
    .about-activity-title p {font-size: 18px;padding: 10px 0 15px;}
    .about-activity-title h5 {font-size: 26px;}
    .wmkc-about-certificate {padding: 25px 0;}
    .wmkc-about-card {padding-bottom: 25px;}
}
@media (max-width:400px) {
    .about-activity-title p{font-size: 14px;}
    .about-certificate-img{max-width: 100%;}
}