.sectionC{background:#fff;}

.derun-whoweare{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.derun-whoweare::before{content:"";background:#F7F7F7;width:46%;height:50%;display:block;position:absolute;left:0;bottom:0;}
.derun-whoweare .pic{width:56%;position:relative;}

.derun-whoweare .txt{width:46%;padding:73px 5% 0;position:relative}
.derun-whoweare .txt em{font-size:18px;font-weight:700;letter-spacing:3px;color:var(--active-color);}
.derun-whoweare .txt h3{font-size:60px;line-height:1;color:#000;font-weight:700;margin:10px 0 0;}
.derun-whoweare .txt p{font-size:18px;color:#2d2d2d;line-height:28px;margin:30px 0 0;}

.derun-whoweare .txt ul{margin:30px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;flex-wrap: wrap;gap:10px;}
.derun-whoweare .txt ul li{text-align:center;position:relative;width: 31%;}
.derun-whoweare .txt ul li a{width:100px;height:100px;background:#DA251C;border-radius:50%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative;transition:background-color 0.3s, color 0.3s;margin: 15px 55px 0;}
.derun-whoweare .txt ul li a::before{content:'';position:absolute;top:-20px;left:-20px;bottom:-20px;right:-20px;background:inherit;border-radius:100%;z-index:-1;opacity:0.4;-webkit-transform:scale3d(0.5, 0.5, 0.5);transform:scale3d(0.5, 0.5, 0.5);}
.derun-whoweare .txt ul li img{max-height:50px;opacity:0.5;}
.derun-whoweare .txt ul li h6{font-size:18px;color:#363636;margin:15px 0 0;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.derun-whoweare .txt ul li:hover a{transition:background-color 0.1s 0.3s, color 0.1s 0.3s;animation:anim-moema-1 0.3s forwards;}
.derun-whoweare .txt ul li:hover a::before{-webkit-animation:anim-moema-2 0.3s 0.3s forwards;animation:anim-moema-2 0.3s 0.3s forwards;}
.derun-whoweare .txt ul li:hover img{opacity:1;}

.derun-whoweare .txt .more{margin:30px 0 0;display:inline-block;text-align:center;width:210px;height:38px;line-height:38px;color:#fff;background:var(--btn-bg);font-size:17px;border-radius:35px;}
.derun-whoweare .txt .more:hover{background:var(--btn-bg-hover);width:190px;}

@media screen and (max-width:1440px){
  .derun-whoweare ul li .fun-btn{background-position:center top 30%;background-size:60px;}

  .derun-whoweare .txt h3 {font-size: 50px;}
}

@media screen and (max-width:1280px){
  .derun-whoweare .txt h3 {font-size: 40px;}
  
  .derun-whoweare .txt p {font-size: 16px;line-height: 24px;margin: 20px 0 0;}
  
  .derun-whoweare .txt ul li h6 {font-size: 16px;}
  .derun-whoweare .txt ul li img {max-height: 40px;}
  .derun-whoweare .txt ul li a {width: 80px;height: 80px;margin: 0 auto;}
  .derun-whoweare .txt .more {margin: 20px 0 0;width: 190px;height: 34px;line-height: 34px;font-size: 15px;}
}
                             
 @media screen and (max-width:992px){
  .derun-whoweare {display: block;}
  .derun-whoweare::before {display: none;}
  .derun-whoweare .txt {width: 100%;text-align: center;padding: 30px 5% 0;}
  .derun-whoweare .txt p {font-size: 14px;line-height: 20px;}
  .derun-whoweare .pic {width: 100%;margin-top: 20px;}
 }

@media screen and (max-width:768px){
  .derun-whoweare .v::after{background-size:70px;}
}

@media screen and (max-width:480px) {
  .derun-whoweare .txt h3 {font-size: 24px;}
}