@charset "UTF-8";

/* People */
.wrap-people {position: relative; right: -50px; opacity: 0; padding: 100px 0 18% 80px;}
.wrap-people::after {content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: calc(100% + 161px); height: 100%; background: #ff0000;}
.wrap-people .title {position: relative; line-height: 1;}
.wrap-people .title strong {display: inline-block; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-style: italic; font-size: 50px; color: #fff;}
.wrap-people .title strong em {font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-style: italic; color: #19323c;}
.wrap-people .title .more {position: absolute; right: 0; top: 0;}
.wrap-people .title .more a {position: relative; display: inline-block; width: 50px; height: 50px; border: 1px solid rgba(255,255,255,.6); text-indent: -99999px;}
.wrap-people .title .more a::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/btn-people-more.png') no-repeat center; transform: rotate(0deg); transition: .5s;}
.wrap-people .title .more a:hover::after {transform: rotate(180deg);}
.wrap-people .list {margin-top: 36px;}
.wrap-people .list .text .subject {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 37px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 26px; line-height: 1.3; color: #fff;}
.wrap-people .list a:hover .text .subject {color: #fff;}
.wrap-people .list .text .subject span {position: relative; background: linear-gradient(to bottom, transparent 95%, #fff 0) left center no-repeat; background-size: 0; transition: .5s;}
.wrap-people .list a:hover .text .subject span{background-size: 100% auto;}
.wrap-people .list .text .desc {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-top: 30px; font-family: "FontAwesome", "微软雅黑", "Microsoft Yahei", "黑体", Arial; font-size: 18px; line-height: 1.6; color: #fff;}
.wrap-people .list .thumb {top:50px;opacity:0;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:100%;height:304px;}
.wrap-people .list .text {position: relative; top: 50px; opacity: 0;}

@media (max-width: 1485px) {
  .wrap-people .title strong {font-size: 40px;}
}

@media (max-width: 1270px) {
  .wrap-people {padding: 100px 0 18% 50px;}
  .wrap-people .list .text .subject {font-size: 22px;}
  .wrap-people .list .text .desc {font-size: 15px;}
}

@media (max-width: 1200px) {
  .wrap-people .title strong {font-size: 30px;}
}

@media (max-width: 1000px) {
  .wrap-people {right: 0 !important; opacity: 1 !important; padding: 50px 0 12% 30px;}
  .wrap-people .title .more a {width: 36px; height: 36px;}
  .wrap-people .title .more a::after {background-size: 16px;}
  .wrap-people .list .thumb {top: 0 !important; opacity: 1 !important;}
  .wrap-people .list .text {top: 0 !important; opacity: 1 !important;}
  .wrap-people .list .text .subject {margin-top: 27px; padding-bottom: 1px; font-size: 18px;}
  .wrap-people .list .text .desc {margin-top: 11px; font-size: 13px; -webkit-line-clamp: 3;}
}

@media (max-width: 768px) {
  #menu969_obj11772 {width: 100% !important;}
  .wrap-people {padding: 40px 0;}
  .wrap-people::after {left: -20px; width: calc(100% + 40px);}
  .wrap-people .title strong {font-size: 24px;}
  .wrap-people .title .more {top: -6px;}
  .wrap-people .list {margin-top: 27px;}
  .wrap-people .list .thumb img {width: 100%;}
  .wrap-people .list .text .subject {margin-top: 17px;}
  .wrap-people .list .text .desc {display: none;}
}