/* chunk.516.1778654535556.css */
.lawyer {
  text-decoration:none!important;
  color:inherit!important
}
@media only screen and (min-width:1200px) {
  .homecontainer {
    font-size:1vw;
    display:flex;
    align-items:center;
    flex-direction:column;
    width:100%;
    overflow:hidden
  }
  .homecontainer .head-title {
    margin-bottom:40px
  }
  .homecontainer .head-title h2 {
    font-size:32px;
    line-height:32px;
    font-weight:400;
    color:#2e2e2e
  }
  .homecontainer .head-title .line {
    margin:4px 0
  }
  .homecontainer .head-title .line span {
    display:inline-block;
    height:5px;
    width:54px;
    background-color:#c42d26
  }
  .homecontainer .head-title .line :nth-child(2) {
    width:5px
  }
  .homecontainer .head-title h5 {
    font-size:18px;
    font-weight:400;
    color:#2e2e2e;
    opacity:.1
  }
  .homecontainer .main-top-banner {
    height:460px;
    background-image:url(../images/professionalteam-banner2.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center
  }
  .homecontainer .main-top-banner .center {
    width:1200px;
    padding-top:24px;
    display:flex;
    justify-content:flex-start;
    align-items:center
  }
  .homecontainer .main-top-banner .info {
    display:flex;
    align-items:center;
    position:relative;
    left:50px
  }
  .homecontainer .main-top-banner .info .rectangle {
    width:140px;
    height:220px;
    border:1px solid #fff;
    position:relative;
    clip-path:polygon(0 0,0 15%,5% 15%,5% 85%,0 85%,0 100%,100% 100%,100% 85%,100% 85%,100% 15%,100% 0,100% 0);
    transform:rotate(180deg)
  }
  .homecontainer .main-top-banner .text {
    position:relative;
    left:-120px;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    flex-direction:column;
    text-align:right;
    color:#fff
  }
  .homecontainer .main-top-banner .text p {
    font-size:16px
  }
  .homecontainer .main-top-banner .text .line {
    height:3px;
    width:43px;
    background-color:#fff;
    margin:20px 0
  }
  .homecontainer .main-top-banner .text :first-child {
    font-size:44px;
    font-weight:500;
    letter-spacing:6px;
    position:relative
  }
  .homecontainer .main-top-banner .text :nth-child(3) {
    font-size:28px;
    font-weight:400;
    letter-spacing:16px;
    position:relative
  }
  .homecontainer .professionalTeam {
    width:100%;
    display:flex;
    justify-content:center
  }
  .homecontainer .professionalTeam .center {
    display:flex;
    flex-direction:column;
    width:1200px;
    padding-top:42px;
    padding-bottom:60px;
    box-sizing:border-box
  }
  .homecontainer .professionalTeam .center .serach {
    text-align:left
  }
  .homecontainer .professionalTeam .center .serach .title {
    position:relative;
    display:block;
    margin-bottom:18px;
    font-size:24px;
    font-weight:400;
    color:#2e2e2e
  }
  .homecontainer .professionalTeam .center .serach .button {
    position:relative;
    top:48px;
    margin-left:20px;
    background-color:#c42d26;
    width:96px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center
  }
  .homecontainer .professionalTeam .center .serach .button img {
    width:34px;
    height:34px;
    vertical-align:middle
  }
  .homecontainer .professionalTeam .center .serach .letter-list {
    margin-bottom:60px;
    margin-top:20px
  }
  .homecontainer .professionalTeam .center .serach .letter-list .letter-group {
    display:flex;
    justify-content:space-between
  }
  .homecontainer .professionalTeam .center .serach .letter-list p {
    font-size:18px;
    font-weight:400;
    color:#2e2e2e;
    margin-bottom:20px
  }
  .homecontainer .professionalTeam .center .serach .letter-list .all {
    width:40px;
    font-size:18px;
    font-weight:400;
    color:#c92b2a
  }
  .homecontainer .professionalTeam .center .serach .letter-list .all:hover {
    cursor:pointer
  }
  .homecontainer .professionalTeam .center .lawyer-list {
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    position:relative
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer {
    width:372px;
    height:218px;
    display:flex;
    margin-right:42px;
    margin-bottom:48px
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer .el-image {
    width:160px;
    height:218px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#fbfbfb
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer .el-image .el-image__inner {
    width:100%!important
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer .info {
    width:210px;
    height:218px;
    background-color:#fbfbfb;
    text-align:left;
    padding:86px 10px 10px 10px;
    box-sizing:border-box
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer .info h4 {
    font-size:20px;
    line-height:20px;
    font-weight:500;
    color:#2e2e2e;
    padding:0 10px;
    box-sizing:border-box;
    border-left:4px solid #c42d26;
    margin-bottom:12px
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer .info .job {
    font-size:13px;
    font-weight:400;
    color:#2e2e2e;
    margin-bottom:12px
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer .info .line {
    width:100%;
    height:1px;
    background-color:hsla(0,0%,89%,.678);
    margin-bottom:12px
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer .info .domain {
    font-size:13px;
    line-height:20px;
    color:#2e2e2e;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer:last-child,
  .homecontainer .professionalTeam .center .lawyer-list .lawyer:nth-child(3n-1) {
    margin-right:0
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer:hover {
    cursor:pointer
  }
  .homecontainer .professionalTeam .center .lawyer-list .lastPage {
    position:absolute;
    border-radius:10px;
    overflow:hidden;
    top:50%;
    left:-8%;
    transform:translateY(-50%)
  }
  .homecontainer .professionalTeam .center .lawyer-list .lastPage img {
    width:46px;
    height:46px;
    -o-object-fit:cover;
    object-fit:cover
  }
  .homecontainer .professionalTeam .center .lawyer-list .nextPage {
    position:absolute;
    border-radius:10px;
    overflow:hidden;
    top:50%;
    right:-8%;
    transform:translateY(-50%);
    transform:rotate(180deg)
  }
  .homecontainer .professionalTeam .center .lawyer-list .nextPage img {
    width:46px;
    height:46px;
    -o-object-fit:cover;
    object-fit:cover
  }
  .homecontainer .professionalTeam .center .lawyer-list .lastPage:active,
  .homecontainer .professionalTeam .center .lawyer-list .nextPage:active {
    scale:1.05
  }
  .homecontainer .detail {
    display:flex;
    justify-content:center
  }
  .homecontainer .detail .center {
    width:1200px;
    display:flex
  }
}
.el-input__inner {
  border:1px solid #ececec;
  border-radius:0
}
.el-radio-button__inner {
  width:38px;
  height:38px;
  box-sizing:border-box;
  display:flex;
  padding:0;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:0;
  border:1px solid #ececec;
  font-weight:700;
  color:#676767
}
.el-select .el-input.is-focus .el-input__inner,
.el-select .el-input__inner:focus {
  border-color:#676767!important
}
.all .el-radio-button__inner {
  width:48px
}
.el-radio-button__inner:hover {
  color:#c42d26
}
.el-radio-button__orig-radio:checked+.el-radio-button__inner {
  color:#ff0101;
  background-color:#fff;
  border-color:#ececec;
  box-shadow:none
}
.el-pagination {
  display:flex;
  justify-content:flex-start;
  margin-bottom:20px
}
.el-pager li,
.el-pagination button:disabled {
  background-color:transparent!important
}
.el-pager li:hover {
  color:#c42d26
}
@media only screen and (max-width:1200px) {
  .homecontainer {
    font-size:1vw;
    display:flex;
    align-items:center;
    flex-direction:column;
    width:100%;
    overflow:hidden
  }
  .homecontainer .head-title {
    margin-bottom:40px
  }
  .homecontainer .head-title h2 {
    font-size:32px;
    line-height:32px;
    font-weight:400;
    color:#2e2e2e
  }
  .homecontainer .head-title .line {
    margin:4px 0
  }
  .homecontainer .head-title .line span {
    display:inline-block;
    height:5px;
    width:54px;
    background-color:#c42d26
  }
  .homecontainer .head-title .line :nth-child(2) {
    width:5px
  }
  .homecontainer .head-title h5 {
    font-size:18px;
    font-weight:400;
    color:#2e2e2e;
    opacity:.1
  }
  .homecontainer .main-top-banner {
    height:62vw;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    top:14vw
  }
  .homecontainer .main-top-banner .center {
    width:100%;
    padding-top:24px;
    display:flex;
    justify-content:flex-start;
    align-items:center
  }
  .homecontainer .main-top-banner .info {
    display:flex;
    align-items:center;
    position:relative;
    left:-6vw;
    scale:.7
  }
  .homecontainer .main-top-banner .info .rectangle {
    width:140px;
    height:220px;
    border:1px solid #fff;
    position:relative;
    clip-path:polygon(0 0,0 15%,5% 15%,5% 85%,0 85%,0 100%,100% 100%,100% 85%,100% 85%,100% 15%,100% 0,100% 0);
    transform:rotate(180deg)
  }
  .homecontainer .main-top-banner .text {
    position:relative;
    left:-120px;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    flex-direction:column;
    text-align:right;
    color:#fff
  }
  .homecontainer .main-top-banner .text p {
    font-size:16px
  }
  .homecontainer .main-top-banner .text .line {
    height:3px;
    width:8vw;
    background-color:#fff;
    margin:20px 0
  }
  .homecontainer .main-top-banner .text :first-child {
    font-size:8vw;
    font-weight:500;
    letter-spacing:6px;
    position:relative
  }
  .homecontainer .main-top-banner .text :nth-child(3) {
    font-size:5vw;
    text-align:left;
    font-weight:400;
    letter-spacing:4px;
    position:relative
  }
  .homecontainer .professionalTeam {
    width:100%;
    display:flex;
    justify-content:center
  }
  .homecontainer .professionalTeam .center {
    display:flex;
    flex-direction:column;
    width:100%;
    padding-top:20vw;
    box-sizing:border-box
  }
  .homecontainer .professionalTeam .center .serach {
    text-align:left
  }
  .homecontainer .professionalTeam .center .serach .search-row {
    display:flex;
    flex-direction:column;
    padding:0 4vw
  }
  .homecontainer .professionalTeam .center .serach .search-row .el-col-7 {
    width:100%
  }
  .homecontainer .professionalTeam .center .serach .title {
    position:relative;
    display:block;
    margin-bottom:2vw;
    font-size:4vw;
    font-weight:500;
    color:#2e2e2e
  }
  .homecontainer .professionalTeam .center .serach .button {
    background-color:#c42d26;
    width:92vw;
    height:8vw;
    font-size:3.5vw;
    line-height:8vw;
    display:flex;
    color:#fff;
    border-radius:0;
    align-items:center;
    justify-content:center;
    letter-spacing:4px
  }
  .homecontainer .professionalTeam .center .serach .button:active {
    background-color:#c2504a
  }
  .homecontainer .professionalTeam .center .serach .letter-list {
    margin-bottom:6vw;
    margin-top:4vw;
    padding:0 4vw
  }
  .homecontainer .professionalTeam .center .serach .letter-list .letter-group {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start
  }
  .homecontainer .professionalTeam .center .serach .letter-list .letter-group .item {
    margin-bottom:2vw;
    margin-right:1px
  }
  .homecontainer .professionalTeam .center .serach .letter-list p {
    font-size:3vw;
    font-weight:400;
    color:#2e2e2e;
    margin-bottom:2vw
  }
  .homecontainer .professionalTeam .center .serach .letter-list .all {
    width:38px;
    font-size:18px;
    font-weight:400;
    color:#c92b2a
  }
  .homecontainer .professionalTeam .center .serach .letter-list .all:hover {
    cursor:pointer
  }
  .homecontainer .professionalTeam .center .lawyer-list {
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    position:relative;
    padding:0 4vw 6vw 4vw
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer {
    width:46vw;
    height:32vw;
    display:flex;
    margin-bottom:4vw
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer .el-image {
    width:24vw;
    height:32vw;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#6b7483
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer .el-image .el-image__inner {
    width:100%!important
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer .info {
    width:22vw;
    height:32vw;
    background-color:#fbfbfb;
    text-align:left;
    padding:2vw;
    box-sizing:border-box
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer .info h4 {
    font-size:3.5vw;
    line-height:3.5vw;
    font-weight:800;
    color:#2e2e2e;
    box-sizing:border-box;
    padding-left:1vw;
    border-left:3px solid #c42d26;
    margin-bottom:1.5vw;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer .info .job {
    font-size:2.5vw;
    font-weight:500;
    color:#6e6e6e;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer .info .line {
    width:100%;
    height:1px;
    background-color:#e3e3e3;
    margin:3px
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer .info .domain {
    font-size:2.5vw;
    line-height:4vw;
    color:#6e6e6e;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
  }
  .homecontainer .professionalTeam .center .lawyer-list .lawyer:hover {
    cursor:pointer
  }
  .homecontainer .professionalTeam .center .lawyer-list .lastPage {
    position:absolute;
    border-radius:10px;
    overflow:hidden;
    top:50%;
    left:-8%;
    transform:translateY(-50%)
  }
  .homecontainer .professionalTeam .center .lawyer-list .lastPage img {
    width:46px;
    height:46px;
    -o-object-fit:cover;
    object-fit:cover
  }
  .homecontainer .professionalTeam .center .lawyer-list .nextPage {
    position:absolute;
    border-radius:10px;
    overflow:hidden;
    top:50%;
    right:-8%;
    transform:translateY(-50%);
    transform:rotate(180deg)
  }
  .homecontainer .professionalTeam .center .lawyer-list .nextPage img {
    width:46px;
    height:46px;
    -o-object-fit:cover;
    object-fit:cover
  }
  .homecontainer .professionalTeam .center .lawyer-list .lastPage:active,
  .homecontainer .professionalTeam .center .lawyer-list .nextPage:active {
    scale:1.05
  }
  .homecontainer .detail {
    display:flex;
    justify-content:center
  }
  .homecontainer .detail .center {
    width:1200px;
    display:flex
  }
}
.m-all .el-radio-button__inner {
  width:38px!important;
  border:none
}
.m-all .el-radio-button__orig-radio:checked+.el-radio-button__inner {
  color:#c92b2a!important;
  background-color:#fff;
  border-color:#ececec;
  box-shadow:none
}

