body {
  line-height: 1.5;
}
.banner {
  position: relative;
}
.banner .w1440 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 6;
}
.banner .txt {
  color: #fff;
}
.banner .txt p {
  font-family: 'Heavy';
  letter-spacing: 1px;
}
.banner .txt span {
  font-family: 'Regular';
  letter-spacing: 1em;
}
.cont {
  background: url(team_bg.jpg) no-repeat #fcfcfc top center;
  background-size: 100%;
}
.cont svg {
  margin: 0!important;
}
.cont .page1 {
  border-bottom: 1px solid #dddddf;
  padding-bottom: 3%;
  margin-bottom: 4%;
}
.cont .page1 form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 5%;
}
.cont .page1 form .input-group {
  position: relative;
  margin-right:10px;
}
.cont .page1 form .input-group label {
  font-family: 'Medium';
  color: #222;
  position: absolute;
  top: -29px;
  left: 0;
}
.cont .page1 form .input-group:nth-child(1) {
  width: 23.1%;
}
.cont .page1 form .input-group:nth-child(2) {
  width: 23.1%;
}
.cont .page1 form .input-group:nth-child(3) {
  width: 23.1%;
}
.cont .page1 form .input-group:nth-child(4) {
  width: 23.1%;
}
.cont .page1 form .input-group:nth-child(5) {
  width: 23.1%;
}
.cont .page1 form .input-group input,
.cont .page1 form .input-group select {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #fafafa;
  color: rgba(0, 34, 34, 0.5);
  font-family: 'Medium';
  padding-left: 20px;
}
.cont .page1 form .input-group select {
  background: url(arr.png) #fafafa no-repeat 90% center;
  background-size: 17px 12px;
}
.cont .page1 form button {
  width: 13.8%;
  font-family: 'Medium';
  background: #792696;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.cont .page1 form button svg{margin-right:10px!important;}
.cont .page1 .filtering {
  display: flex;
  justify-content: space-between;
  margin-top: 2.5%;
}
.cont .page1 .filtering a {
  font-family: 'Medium';
  color: #222;
  padding: 3px 6px;
}
.cont .page1 .filtering a.on {
  background: #792696;
  color: #fff;
}
.cont .page2 {
  width: 100%;
}
.cont .page2 ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cont .page2 ul li {
  width: 48.6%;
  margin-bottom: 2.8%;
  background-color: #fff;
  padding: 2% 0.5% 2% 2%;
  display: flex;
  justify-content: space-between;
}
.cont .page2 ul li .img {
  width: 34.2%;
  max-width:227px;
  height:317px;
  overflow:hidden;
}
.cont .page2 ul li .img a{overflow:hidden;display:block;height:100%;}
.cont .page2 ul li .img a img{transition:all 0.3s ease-in-out;height:100%;object-fit:cover;}
.cont .page2 ul li:hover .img a img{transform:scale(1.05);}
.cont .page2 ul li .txt .tit .name{transition:all 0.3s ease-in-out;}
.cont .page2 ul li:hover .txt .tit .name{transform:scale(1.05);}
.cont .page2 ul li .txt {
  width: 65.8%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 5%;
  align-items: flex-start;
  flex-wrap:wrap;
}
.cont .page2 ul li .txt .tit {
  display: flex;
  align-items: flex-end;
  color: #333;
  width: 100%;
  padding-top: 2%;
  flex-wrap:wrap;
}
.cont .page2 ul li .txt .tit .name {
  font-family: 'Medium';
  line-height: 1.3;
  flex: 0 0 auto;
  margin-right:4%;
}
.cont .page2 ul li .txt .tit .name a{color:#444;}
.cont .page2 ul li .txt .tit .position {

  font-family: 'Bold';
      flex: 0 0 auto;
}
.cont .page2 ul li .txt .area {
  display: flex;
  flex-wrap: wrap;
  color: #333;
  width: 100%;
  margin-top: 8%;
}
.cont .page2 ul li .txt .area p {
  font-family: 'Bold';
  display: inline-block;
  padding: 3px 11px;
  margin: 0 9px 10px 0;
  background: #fbfbfb;
}
.cont .page2 ul li .txt .info {
  display: flex;
  flex-wrap: wrap;
  color: #858585;
  width: 100%;
  margin-top: 8%;
}
.cont .page2 ul li .txt .info p {
  font-family: 'Bold';
  display: inline-block;
  margin-bottom: 3%;
}
.cont .page2 ul li .txt .info p svg {
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 10px!important;
  margin-bottom: 4px!important;
}
.cont .page2 ul li .txt .info p:nth-child(1) {
  margin-right: 10%;
}
.cont .page2 ul li .txt .info p:nth-last-child(1) {
  width: 100%;
}
.cont .page2 ul li .txt .more {
  display: inline-block;
  padding: 6px 25px;
  background: #792696;
  color: #fff;
  font-size: 12px;
  font-family: 'Medium';
  transition: all 0.3s;
  margin-top: 6%;
}
.cont .page2 ul li .txt .more span {
  display: inline-block;
  width: 0px;
  opacity: 0;
  transition: all 0.3s;
}
.cont .page2 ul li .txt .more:hover {
  background: #5e1c75;
  color: #fff;
}
.cont .page2 ul li .txt .more:hover span {
  width: auto;
  opacity: 1;
  margin-left: 8px;
}
@media screen and (max-width: 1600px) {
    .cont .page2 ul li .img {height:17.5vw;}
    
}
@media screen and (max-width: 1200px) {
    .cont .page2 ul li .img {height:19.5vw;}
    
}
/* 125% */
@media screen and (max-width: 1366px) {
  .cont .page1 form .input-group input,
  .cont .page1 form .input-group select {
    height: 40px;
    line-height: 40px;
  }
}
/* 150 */
@media screen and (max-width: 998px) {
    .cont .page2 ul li .img{height:32vw;width:28%;}
  .cont .page1 form .input-group input,
  .cont .page1 form .input-group select {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
  }
  .cont .page1 form {
    flex-wrap: wrap;
    justify-content: center;
  }
  .cont .page1 form .input-group {
    width: 49%!important;
    margin-bottom: 50px;
    margin-right:0px;
  }
  .cont .page1 form .input-group:nth-child(1) {
    margin-right: 2%;
  }
  .cont .page1 form .input-group:nth-child(3) {
    margin-right: 2%;
  }

  .cont .page1 form button {
    width: 50%;
    height: 40px;
  }
  .cont .page1 .filtering {
    flex-wrap: wrap;
    margin-top: 4%;
  }
  .cont {
    background: url(team_bg.jpg) no-repeat #fcfcfc top right;
    background-size: 200%;
  }
  .cont .page2 ul li {
    width: 100%;
    padding-top:4%;padding-bottom:4%;
    margin-bottom: 5%;
  }
}
.cont .page2 ul li .txt.other{display:none;}
.cont .page2 ul li .ph_lay{display:flex;}
@media screen and (max-width: 768px) {
    .cont .page2 ul li{flex-wrap: wrap;}
    .cont .page2 ul li .txt .more{display:none;}
    .cont .page2 ul li .txt .info{display:none;}
    .cont .page2 ul li .txt.other{display:block;padding:0;width:100%;}
    .cont .page2 ul li .txt.other .info{display:block;}
    .cont .page2 ul li .txt.other .more{display:inline-block;}
    .cont .page2 ul li .ph_lay{width:100%;}
    .cont .page2 ul li .txt .tit{flex-wrap:wrap;}
    .cont .page2 ul li .txt .tit .name{flex:0 0 auto;}
    .cont .page2 ul li .txt .tit .position{flex:0 0 auto;}
    .cont .page2 ul li .txt .txt_t{width:100%;}
    .cont .page2 ul li:last-child{margin-bottom:0px;}
  .cont .page1 form {
    margin-top: 12%;
  }
  .popup .pop_ctn .group_box .input-group {
    width: 100%;
  }
  .popup .pop_ctn .form-scroll {
    height: 400px;
  }
  .popup .pop_ctn .group_box {
    padding: 4% 0 4% 30px;
  }
  .popup .pop_ctn .group_box .input-group .captcha input {
    width: calc(100% - 100px);
  }
  .popup .pop_ctn .group_box .input-group .captcha canvas {
    width: 90px;
  }
  .popup .pop_ctn .btn button {
    padding: 2% 15%;
  }
  .cont .page1 form button {
    height: 35px;
  }
  .cont .page1 {
    padding-bottom: 6%;
    margin-bottom: 7%;
  }
}
/*# sourceMappingURL=./team.css.map */