body {
  min-height: 100vh;}
#module_left {
  width: 272px;
  height: 100vh;
  background: #fff;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;}
#module_right {
  height: 100vh;
  position: relative;
  width: 100%;
  padding-left: 272px;
  border: 1px solid transparent;
  overflow-y: auto;}
#module_right .personnel_top {
  width: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  margin-left: -273px;}
#module_right .line {
  position: fixed;
  left: 272px;
  z-index: 5;}
#module_right .personnel_bottom {
  width: 25.6rem;
  margin-left: 6.4rem;
  margin-top: 6rem;
  margin-bottom: 1.75rem;}
#module_right .personnel_bottom > img {
  width: 100%;}
#module_right .personnel_bottom .introduce {
  width: 100%;
  margin-top: 1.75rem;
  overflow: hidden;}
#module_right .personnel_bottom .introduce > div {
  float: left;}
#module_right .personnel_bottom .introduce > div:nth-of-type(2n + 1) {
  width: 11.25rem;}
#module_right .personnel_bottom .introduce > div:nth-of-type(2n) {
  width: 12rem;
  float: right;}
#module_right .personnel_bottom .introduce > div:nth-of-type(2n) p {
  text-indent: 0;}
#module_right .personnel_bottom .introduce > div p {
  font-size: 14px;
  color: #666;
  line-height: 24px;
  text-indent: 28px;
  letter-spacing: 1px;}
#module_right .personnel_bottom .introduce > div p span,
#module_right .personnel_bottom .introduce > div p i,
#module_right .personnel_bottom .introduce > div p em {
  color: #666;}
#module_right .personnel_bottom .introduce > div p i,
#module_right .personnel_bottom .introduce > div p em {
  letter-spacing: 0;
  margin-right: 0;
  float: right;
  font-style: normal;}
#module_right .personnel_bottom .introduce > div p:nth-of-type(3) i {
  margin-right: 0;}
#module_right .personnel_bottom .introduce > div p:first-of-type {
  color: #333;
  font-size: 16px;
  letter-spacing: 2px;
  text-indent: 0;
  margin-bottom: 8px;}
/*@media (min-width:1440px) and (max-width:1900px){
    #module_right {
        .personnel_bottom {            
            .introduce {
                > div {
                  &:nth-of-type(2n) {
                    width: 452px;
                  }
          
                }
              }
        }
    }
}

@media (min-width:1440px) and (max-width:1550px){
    #module_right {
        .personnel_bottom {        
            width: 828px;  
        }
    }
}

@media screen and (max-width: 1440px){
    #module_right {
        .personnel_bottom {        
            width: 960px; 
            margin: 0.5rem auto 0;
            > img {
                width: 100%;
               height:172px;
              }     
            .introduce {
                margin-top: 20px;
                > div {
                    &:nth-of-type(2n+1) {
                        width: 480px;
                        }
                  &:nth-of-type(2n) {
                    width: 452px;
                  }
                  p{
                      letter-spacing: 1px !important;
                      line-height: 19px;
                  }
          
                }
              }
        }
    }   
}*/
@media screen and (max-width: 1900px) {
  #module_right .personnel_bottom {
    width: 960px;
    margin: 6rem auto 1.75rem;}
  #module_right .personnel_bottom .introduce > div:nth-of-type(2n+1) {
    width: 480px;}
  #module_right .personnel_bottom .introduce > div:nth-of-type(2n) {
    width: 452px;}
}