/* */
.xyldlist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px 16px;
    width: 100%;
    height: auto;
    padding-bottom: 50px;}
.leader-item {
  border: 0.5px solid #CCCCCC;
  border-radius: 6px;
  box-shadow: 0px 2.94px 4.4px 0px rgba(0, 0, 0, 0.02), 0px 1.47px 2.94px 0px rgba(0, 0, 0, 0.08);
  padding: 10px 12px 26px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;}
.leader-item .leader-bg {
    top: -83px;
    width: 150px;
    position: absolute;
    right: -11px;}
.leader-item .left-img {
  width: 115px;
  height: 167px;
  position: relative;}
.leader-item:last-child .left-img .leader-img {
 object-fit: cover;}
.leader-item .left-img .leader-img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: contain;
object-position: center 10%;
  z-index: 100;}
.leader-item .left-img .bg-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #EEEEEE;
  border-radius: 4px;
  left: 14px;
  top: 15px;
  z-index: -10;}
.leader-item .right-info {
  flex: 1;
  margin-left: 24px;
  height: auto;}
.leader-item .right-info .leader-name {
  color: #142342;
  margin-top: 8px;}
.leader-item .right-info .leader-name .name {
  font-size: 24px;
  font-weight: 500;
  margin-right: 8px;
  width: fit-content;}
.leader-item .right-info .leader-name .name a {
  color: #142342;
  display: inline-block;}
.leader-item .right-info .leader-name .position1 {
  font-size: 16px;}
.leader-item .right-info .leader-name .position1 a {
  color: #142342;
  display: inline-block;}
.leader-item .right-info .intro {
  width: 100%;
  border-bottom: 1px solid #D8D8D8;
  margin-top: 14px;
  padding-bottom: 13px;
  position: relative;}
.leader-item .right-info .intro .desc {
  color: #AAAAAA;
  font-size: 16px;
  font-family: Source Han Sans CN;}
.leader-item .right-info .intro .desc a {
  color: #AAAAAA;}
.leader-item .right-info .intro .line {
  width: 100px;
  border: 2px solid #142342;
  position: absolute;
  bottom: 0;}
.leader-item .right-info .leader-phone {
  color: #666666;
  font-size: 16px;
  margin-top: 12px;
  display: flex;
  align-items: flex-start;}
.leader-item .right-info .leader-phone .phone {
  width: 20px;
  height: 20px;
  margin-right: 8px;}
.leader-item .right-info .leader-phone .emailName {
  min-width: 80px;}
.leader-item .right-info .leader-phone .text {
  word-break: break-all;}
.leader-item .right-info .leader-phone .text a {
  color: #666666;}

@media screen and (max-width: 1024px){
.xyldlist {
    grid-template-columns: repeat(1, 1fr);}
}