/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */
/* QQ：9490489 */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：Js.AdminBuy.Cn */
/*20220423把这个body设置去掉了，否则和网站主style的body设置冲突了。 body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f7f7f7;
  } */
 .hmteam {
        margin: 0 0 0px 0;
  }
  
  .section-heading {
    font-family: "Dancing Script", cursive;
    text-align: center;
    font-size: 64px;
    color: #10996d;
    margin: 0 0 2px 0;
  }
  
  .teamcontainer {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 0px 10px 0;
  }
 
 .teamcontainerb {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 1200px;
    margin: 2px 0 5px 5px;
  } 
  .profile {
    position: relative;
    transition: all 0.3s;
  }
  
  .profileb {
    position: relative;
    transition: all 0.3s;
  }
  .profilec {
    position: relative;
    transition: all 0.3s;
  }
  
  .profile:hover {
    transform: scale(1.1);/*20220423设置鼠标滑过图片时候图片上下Y轴方向移动的距离translateY(10px)*/
  }
  
  .profileb:hover {
    transform: translateY(10px);/*20220423设置鼠标滑过图片时候图片上下Y轴方向移动的距离*/
  }
 .profilec:hover {
    transform: scale(1.1);/*20220423设置鼠标滑过图片时候图片浮动显示倍数大小*/
  } 
  
  .profile img {
    max-width: 100%;
    border-radius: 5%;
    border: 5px solid #f7f7f7;
    filter: drop-shadow(-20px 0 10px rgba(0, 0, 0, 0.1));
    cursor: pointer;
  }
  .profileb img {
    max-width: 100%;
    border-radius: 5%;
    border: 5px solid #f7f7f7;
    filter: drop-shadow(-20px 0 10px rgba(0, 0, 0, 0.1));
    cursor: pointer;
  }

.profilec img {
    max-width: 100%;
    border-radius: 5%;
    border: 5px solid #f7f7f7;
    filter: drop-shadow(-20px 0 10px rgba(0, 0, 0, 0.1));
    cursor: pointer;
  }
  .profile:not(:first-child) img {
    margin-left: 10px;/*20220423设置后一张图片向左边left偏移移动的距离，和左边图片重合的多少,原来的数值是-10px*/
  }
   .profileb:not(:first-child) img {
    margin-left: 10px;/*20220423设置后一张图片向左边left偏移移动的距离，和左边图片重合的多少*/
  }
   .profilec:not(:first-child) img {
    margin-left: 10px;/*20220423设置后一张图片向左边left偏移移动的距离，和左边图片重合的多少*/
  }
  
  .profile .name {
    position: absolute;
    background-color: #10996d;
    color: #fff;
    font-family: "Bebas Neue", cursive;
    padding: 15px 30px;
    border-radius: 100px;/*20220516，radius设置鼠标滑过图片时候文字背景框的圆角大小*/
    bottom: -30px; left: 50%;/*20220423，bottom设置鼠标滑过图片时候文字上下Y轴方向移动的距离*/
    white-space: nowrap;
    transform: translate(-50%, -50px);
    letter-spacing: 1px;
    font-size: 16px;
    opacity: 0.01;/*20220516，opacity设置图片的描述文字鼠标滑过前的原始显示状态，显示透明度*/
    transition: all 0.3s;
  }
  
  .profileb .nameb {
    position: absolute;
    
	background: url(../images/zxzxbg01.png) no-repeat  center;/*20230603，设置鼠标滑过图片时候弹出一个图片，图片大小另外单独设置*/
    color: #fff;
    font-family: "Bebas Neue", cursive;
    padding: 15px 30px;
    border-radius: 10px;
    bottom: 180px; left: 50%;/*20220423，bottom设置鼠标滑过图片之前文字上下Y轴方向的位置*/
    white-space: nowrap;
    transform: translate(-50%, -50px);
    letter-spacing: 1px;
    font-size: 16px;
    opacity: 0;
    transition: all 0.3s;
  }
  
  .profilec .namec {
    position: absolute;
    background-color: #10996d;
    color: #fff;
    font-family: "Bebas Neue", cursive;
    padding: 0px 30px;
    border-radius: 100px;
    bottom: -25px; left: 50%;/*20220423，bottom设置鼠标滑过图片之前文字上下Y轴方向的位置,原bottom-30px*/
    white-space: nowrap;
    transform: translate(-50%, -1px);/*20220518设置鼠标滑过图片之前文字上下Y轴方向位置,原-50px*/
    letter-spacing: 1px;
    font-size: 16px;
    opacity: 1;
    transition: all 0.3s;
  }
  
  
  .profile .name::before {
    content: "";
    position: absolute;
    width: 15px; height: 15px;
    background-color: #10996d;
    top: 0; left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .profileb .nameb::before {
    content: "";
    position: absolute;
    width: 15px; height: 15px;/*20220423，rotate设置鼠标滑过图片时候文字背景框的箭头大小*/
    background-color: #10996d;
    bottom: -15px; left: 50%;/*20220423，rotate设置鼠标滑过图片时候文字背景框的箭头在框的顶部或底部bottom下面15px距离位置处*/
    transform: translate(-50%, -50%) rotate(45deg);/*20220423，rotate设置鼠标滑过图片时候文字背景框的箭头方向*/
  }
  .profilec .namec::before {
    content: "";
    position: absolute;
    width: 15px; height: 0px;/*20220423，rotate设置鼠标滑过图片时候文字背景框的箭头大小*/
    background-color: #10996d;
    top: 0px; left: 50%;/*20220423，rotate设置鼠标滑过图片时候文字背景框的箭头在框的顶部或底部bottom下面15px距离位置处*/
    transform: translate(-50%, -50%) rotate(45deg);/*20220423，rotate设置鼠标滑过图片时候文字背景框的箭头方向*/
  }
  
  .profile img:hover + .name {
    opacity: 1;
    transform: translateX(-50%);/*20220423设置鼠标滑过图片时候，文字浮动显示出来并左右x轴方向偏移移动的距离*/
    box-shadow: 0 10px 20px rgba(86, 86, 198, 0.3);
  }
  .profileb img:hover + .nameb {
    opacity: 1;
    transform: translateX(-50%);/*20220423设置鼠标滑过图片时候，文字浮动显示出来并左右x轴方向偏移移动的距离*/
    box-shadow: 0 10px 20px rgba(86, 86, 198, 0.3);
  }
  
 .profilec img:hover + .namec {
    opacity: 1;
    transform: translateX(-50%);/*20220423设置鼠标滑过图片时候，文字浮动显示出来并左右x轴方向偏移移动的距离*/
    box-shadow: 0 10px 20px rgba(86, 86, 198, 0.3);
  }