@charset "UTF-8";

.page-human-sec01 {
  padding-top: 0.8rem;
}
.page-human-sec01 .page-wrap {
  background: #F8F9FB;
}
.page-human-sec01 .page-title {
  width: 50%;
  padding-left: 1rem;
}
.page-human-sec01 .page-img {
  width: 50%;
}
.page-human-sec01 .bg_container {
  padding-bottom: 52.2%;
}

#nr-nav-con .page-human-sec01:first-child {
  padding-top: 1.2rem;
}



.page-human-list {
  padding: 1.08rem 0px 0px;
}
.page-human-list .page-list {
  background:#F8F9FB;
  padding-bottom: 0.42rem;
  margin-top: 0.62rem;
}
.page-human-list .page-list ul {
  margin: 0px -0.6rem;
}
.page-human-list .page-list ul li {
  width: 33.33%;
  margin-top: 0.6rem;
}
.page-human-list .page-list .page-con {
  margin: 0px 0.6rem;
  background: #fff;
  padding: 0.52rem 0.3rem 0.6rem;
  height: 100%;
}
.page-human-list .page-list dl {
  padding-top: 0.05rem;
}
.page-human-list .page-list dl dt {
  border-bottom: 2px solid #D1D1D1;
  letter-spacing: 0.026rem;
  padding-bottom: 0.23rem;
}
.page-human-list .page-list dl dt a {
  display: block;
}
.page-human-list .page-list dl dd {
  letter-spacing: 0.018rem;
}
.page-human-list .page-list .page-label {
  padding-top: 0.2rem;
}
.page-human-list .page-list .page-label label {
  padding-right: 0.28rem;
}
.page-human-list .page-list .page-more {
  padding-top: 0.57rem;
}
.page-human-list .page-list .page-more a {
  display: block;
  color: #fff;
  background:#2550DB;
  line-height: 3.5714;
  border-radius: 1.8em;
  position: relative;
  overflow: hidden;
}
.page-human-list .page-list .page-more a::before {
  position: absolute;
  content: "";
  left: 0px;
  top:0px;
  bottom: 0px;
  width: 0px;
  background: rgba(0,0,0,0.1);
  border-radius: 1.8em;
  transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all;
}
.page-human-list .page-list .page-more a:hover::before {
  width: 100%;
}
.page-human-list .page-list .layui-flow-more {
  margin-top: 0.52rem;
}
.page-human-list .page-list .page-tips {
  padding-top: 0.29rem;
  letter-spacing: 0.018rem;
}

.page-human-list .page-human-search {
  padding: 0.49rem 0px 0.45rem;
}
.page-human-list .page-human-search .layui-form-item {
  position: relative;
}
.page-human-list .page-human-search .wid {
  width: 3.87rem;
  margin-right: 0.29rem;
}
.page-human-list .page-human-search .layui-form-item label {
  position: absolute;
  left: 0.3rem;
  top:50%;
  margin-top: -0.75em;
  z-index: 3;
}
.page-human-list .page-human-search .layui-input-block {
  margin-left: 0px;
}
.page-human-list .page-human-search .layui-input {
  border: 1px solid #D1D1D1;
  text-align: right;
  padding: 0.19rem 0.6rem 0.19rem 1.3rem;
  height: auto;
}
.page-human-list .page-human-search .layui-edge {
  border-top-color: #707070;
  right: 0.3rem;
  border-width: 10px 6px;
  margin-top: -5px;
}
.page-human-list .page-human-search .layui-form-select dl {
  top:100%
}
.page-human-list .page-human-search .layui-form-select dl dd.layui-this {
  background: #2550DB;
}
.page-human-list .page-human-search .layui-form-selected .layui-edge {
  margin-top: -14px;
}
.page-human-list .layui-form-item .layui-input-inline {
  width: auto;
}
.page-human-list  .page-human-search .page-search .layui-input  {
   padding-left: 0.38rem;
   padding-right: 0.8rem;
   text-align:left;
}
.page-human-list .layui-btn {
  position: absolute;
  top:0px;
  right: 0px;
  width: 0.8rem;
  bottom: 0px;
  height: 100%;
  background: url(../images/search-but03.png) no-repeat center center/1.1667em 1.1667em;
}

@media only screen and (max-width:1640px){
  
  .page-human-list .page-list ul {
    margin: 0px -0.3rem;
  }
  .page-human-list .page-list .page-con {
    margin: 0px 0.3rem;
  }
}

@media only screen and (max-width:1340px){
  .page-human-list .page-human-search .wid {
    width: 260px;
  }
  .page-human-list .page-human-search .layui-input {
    padding-left: 6em;
  }
}
@media only screen and (max-width:899px){
  #nr-nav-con .page-human-sec01:first-child {
    padding-top: 0.6rem;
  }
  .page-human-sec01 {
    padding-top: 0.6rem;
  }
  .page-human-list {
    padding-top: 0.5rem;
  }
  .page-human-list .page-list {
    padding-top: 0.3rem;
  }
  .page-human-list .page-list ul li {
    width: 100%;
    margin-top: 0.3rem;
  }
  .page-human-list .page-human-search .wid {
    width: 100%;
    margin-right: 0px;
  }
  .page-human-sec01 .page-title {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
  
}  

@media only screen and (max-width:767px){
  .page-human-list .layui-btn {
    background: url(../images/search02.png) no-repeat center center/1.1667em 1.1667em;
  }
}  

@media only screen and (max-width:414px){
  .page-title .page-tit-en {
    font-size: 14px;
  }
}  

@media only screen and (max-width:374px){
  .page-title .page-tit-en {
    font-size: 12px;
  }
}  


/* page-human-head */
.page-human-head {
  background: #F8F9FB;
  padding: 0.41rem 0px 0.5rem;
}
.page-human-head .page-title .paee-tit {
  letter-spacing: 0.036rem;
  padding-right: 0.16rem;
}
.page-human-head .page-title label {
  background: linear-gradient(270deg,#3fcefb, #567bf5);
  border-radius: 0.33em;
  color: #fff;
  padding: 0px 0.15rem;
  letter-spacing: 0.024rem;
  margin-right: 0.42rem;
}
.page-human-head .page-title .page-wages {
  color:#3794FC;
}
.page-human-head .page-label span {
  display: inline-block;
  background: #e6ecff;
  border: 1px solid #2550db;
  border-radius: 6px;
  color: #2550DB;
  letter-spacing: 0.016rem;
  margin-right: 0.1rem;
  padding:0.1875em 0.1rem;
  margin-top: 0.12rem;
  }


.page-human-con {
    padding: 0.81rem 0px 0.98rem;
}
.page-human-con .page-text-left {
  width:68%;
}
.page-human-con .page-text-left dl dt img {
  width: 1.0833em;
  vertical-align: middle;
  margin-right: 0.5em;
  position: relative;
  top:-0.125em;
}
.page-human-con .page-text-left dl dd {
  line-height: 2;
  padding:0.22rem 0.4rem .26rem;
}
.page-human-con .page-human-list {
  width: 28.41%;
  padding: 0px;
}
.page-human-con  .page-human-list .page-list {
  background: none;
}
.page-human-con .page-human-list .page-list ul li {
  width: 100%;
  margin-top: 0.3rem;
}
.page-human-con .page-human-list .page-list ul li:first-child {
  margin-top: 0.25rem;
}
.page-human-con .page-human-list .page-list .page-con {
  border: 1px solid #D1D1D1;
}


@media only screen and (max-width:1140px){

  .page-human-con .page-text-left {
    width:65%;
  }
  .page-human-con .page-human-list {
    width: 33.33%;
  
  }

}  
@media only screen and (max-width:899px){
  .page-human-con {
    padding: 0.5rem 0px 0.5rem;
  }
  .page-human-con .page-text-left {
    width:100%;
  }
  .page-human-con .page-human-list {
    width: 100%;
  
  }

}  



/* human-overview */
.human-overview {
  padding: 0.68rem 0px 0.96rem;
}
.human-overview .page-sub {
  padding: 0.68rem 0px 0px;
}
.human-overview .page-sub span {
  display: inline-block;
  border: 1px solid #707070;
  color: #2550DB;
  padding: 0.27rem 1.2rem;
}
.human-overview .page-content dl dt span {
  background: linear-gradient(to right,#73d8fd,#e7f8ff 50%, #edf9fd);
  display: inline-block;
  min-width: 2.52rem;
  padding:0.15rem 0.1rem;
}
.human-overview .page-content dl {
  padding: 0.68rem 0px 0px;
  line-height: 2;
}
.human-overview .page-content dl dd {
  padding-top: 0.39rem;
}
.human-overview .page-content {
  padding: 0px 2rem;
}

@media only screen and (max-width:899px){
  .human-overview .page-content {
    padding: 0px;
  }
  .human-overview .page-sub span {
    padding: 0.27rem 0.2rem;
  }
} 

@media only screen and (max-width:767px){
  .human-overview .page-content dl dd br {
    display: none;
  }

}  



/* human-education */
.human-education {
  padding: 0.68rem 0px 0.96rem;
}
.human-education .page-content {
  padding: 0.8rem 1.2rem 1.4rem;
  line-height: 1.778;
}
.human-education .page-content h3 {
  font-weight: bold;
  position: relative;
  font-size: 1.33em;
  padding: 0.04rem 0px;
  margin: 0.19rem 0px 0.25rem;
}
.human-education .page-content h3:before {
  position: absolute;
  content: "";
  left: -0.6rem;
  top:0px;
  width: 40%;
  bottom: 0px;
  background: linear-gradient(90deg, #2EC6FF 0%, #DDF6FF 47%, #FFFFFF 100%);
  z-index: -1;
}

@media only screen and (max-width:899px){
  .human-education .page-content {
    padding: 0.6rem 0.3rem 0.5rem;
  }
  .human-education .page-content h3:before {
    left:-0.3rem
  }
  .human-education .page-content h3 {
    font-size: 1.1em;
  }

}