.derun-whoweare{background:#fff;position:relative;display:-webkit-flex;display:flex;-webkit-align-items: flex-end !important;align-items: flex-end !important;margin: 30px 0;}
.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;z-index:30;height: 100%;display: flex;align-content: center;flex-direction: column;justify-content: center;}
.derun-whoweare .txt .title{font-size:18px;font-weight:700;letter-spacing:3px;color:var(--color-primary);}
.derun-whoweare .txt .sub-title{font-size:50px;line-height:1;color:#000;font-weight:700;margin:10px 0 0;}
.derun-whoweare .txt .rich-text{font-size:18px;color:#2d2d2d;line-height:28px;margin:30px 0 0;}

.derun-whoweare .txt .derun-whoweare-icon-ul{margin:30px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;-webkit-align-items:center;align-items:center;flex-wrap: wrap;gap:10px;list-style: none;}
.derun-whoweare .txt .derun-whoweare-icon-ul li{position:relative;width: 23%;text-align: center;}
.derun-whoweare .txt .derun-whoweare-icon-ul li a{width:100px;height:100px;background: var(--bg-color);border-radius:50%;display:-webkit-flex;display:flex;-webkit-justify-content:center;-webkit-align-items:center;align-items:center;position:relative;transition:background-color 0.3s, color 0.3s;margin: 15px 32px 0;}
.derun-whoweare .txt .derun-whoweare-icon-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 .derun-whoweare-icon-ul li img{max-height:70px;}
.derun-whoweare .txt .derun-whoweare-icon-ul li h6{font-size:18px;color:#363636;margin:15px 0 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.derun-whoweare .txt .derun-whoweare-icon-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 .derun-whoweare-icon-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 .derun-whoweare-icon-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(--color-primary);font-size:17px;border-radius:35px;}
.derun-whoweare .txt .more:hover{background:var(--color-second);width:190px;}
.pic .v img {
  /* aspect-ratio: 6/5; */
  /* object-fit: cover; */
}
.play {
  position: relative;
  width: 106px;
  height: 106px;
  z-index: 10;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background: var(--color-primary);
  border-radius: 5px;
}
.pic .play img {
    aspect-ratio: 1/1;
}
.play {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  text-align: center;
}

.play::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
  background: var(--color-primary);
  opacity: 0.3;
  animation: scale2 2s linear infinite;
}

.pic>a {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 20;
}

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

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

@media screen and (max-width:1280px){
  .derun-whoweare .txt .sub-title {font-size: 40px;}
  
  .derun-whoweare .txt .rich-text {font-size: 16px;line-height: 24px;margin: 20px 0 0;}
  
  .derun-whoweare .txt .derun-whoweare-icon-ul li h6 {font-size: 16px;}
  .derun-whoweare .txt .derun-whoweare-icon-ul li img {max-height: 40px;}
  .derun-whoweare .txt .derun-whoweare-icon-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 .rich-text {font-size: 14px;line-height: 20px;}
  .derun-whoweare .pic {width: auto;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 .sub-title {font-size: 24px;}
}