.firm-banner .img {
  height: 54vh;
}
.firm-banner .img img {
  height: 100%;
}
.firm-banner .txt {
  left: 50%;
  bottom: 0%;
  transform: translateX(-50%);
  text-align: center;
}
.firm-banner .txt h3 {
  font-size: 2.18rem;
}
.firm-banner .txt .en {
  position: relative;
  font-size: 0.91rem;
  margin: 0.95rem 0 2.95rem;
}
.firm-banner .txt .en::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1.23rem;
  transform: translateX(-50%);
  width: 2.18rem;
  height: 0.14rem;
  background-color: #FFFFFF;
}
.firm-banner .txt .info {
  font-size: 1.36rem;
  white-space: nowrap;
}
.firm-banner .txt .scrollDown {
  margin-top: 6.18rem;
  animation: bannerJt 1s alternate ease infinite;
  -webkit-animation: bannerJt 1s alternate ease infinite;
}
.firm-banner .txt .scrollDown i {
  font-size: 1.18rem;
  margin-bottom: 1.36rem;
}
.firm-banner .txt .scrollDown span {
  font-size: 0.55rem;
  writing-mode: vertical-lr;
}
@keyframes bannerJt {
  0% {
    transform: translateY(0.91rem);
  }
  100% {
    transform: translateY(0);
  }
}
.firm .content {
  width: 41.7%;
  margin-left: 12.5vw;
}
.firm .content h3 {
  font-size: 2.18rem;
}
.firm .content .slogan {
  font-size: 1rem;
  margin: 1.36rem 0 2.59rem;
}
.firm .content .year {
  position: relative;
  font-size: 1.73rem;
  color: #666;
  padding-left: 62.8%;
  margin-bottom: 0.45rem;
}
.firm .content .year::before {
  content: '';
  position: absolute;
  /* left: -30%; */
  left: 0%;
  top: 58%;
  transform: translateY(-50%);
  width: 88.9%;
  height: 1px;
  background-color: #E6E6E6;
}
.firm .content .year em {
  font-size: 1.91rem;
  margin-left: 0.73rem;
  color: #1B497F;
  font-weight: bold;
}
.firm .firm-info * {
  font-size: 0.73rem;
  color: #666;
  line-height: 1.64rem;
}
.firm .firm-info strong {
  color: #333;
  font-weight: bold;
}
.firm .firm-img {
  width: 41.6%;
}
.jg {
  background: url(../image/jg-bg.png) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
}
.organization {
  padding-bottom: 4.55rem;
}
.organization svg {
  width: 100%;
  height: auto;
}
.honor {
  position: relative;
  padding: 0 4%;
}
.honor .swiper-button-next,
.honor .swiper-button-prev {
  top: 40%;
  width: 2.05rem;
  height: 2.05rem;
  border-radius: 2.27rem;
  box-sizing: border-box;
  border: 1px solid #1B497F;
  transition: all 0.5s ease;
}
.honor .swiper-button-next:hover,
.honor .swiper-button-prev:hover {
  background-color: #1B497F;
}
.honor .swiper-button-next:hover::after,
.honor .swiper-button-prev:hover::after {
  color: #fff;
}
.honor .swiper-button-prev {
  left: 0;
}
.honor .swiper-button-next {
  right: 0;
}
.honor .swiper-button-next:after,
.honor .swiper-button-prev:after {
  font-size: 1.36rem;
  color: #1B497F;
}
.honor .swiper-button-prev:after,
.honor .swiper-container-rtl .swiper-button-next:after {
  content: '\eb92';
  font-family: "iconfont" !important;
}
.honor .swiper-button-next:after,
.honor .swiper-container-rtl .swiper-button-prev:after {
  content: '\eb94';
  font-family: "iconfont" !important;
}
.honor-swiper {
  padding-bottom: 4.36rem;
}
.honor-swiper .swiper-slide {
  padding: 1.14rem 0.77rem;
  background-color: #F4F4F4;
  transition: 300ms;
  transform: scale(0.85);
}
.honor-swiper .swiper-slide-active,
.honor-swiper .swiper-slide-duplicate-active {
  transform: scale(1);
}
.honor-swiper .swiper-pagination {
  bottom: 0;
}
.honor-swiper .swiper-pagination-bullet {
  width: 0.73rem;
  height: 0.73rem;
  margin: 0 0.68rem !important;
  background: #1B497F;
  opacity: 0.5 !important;
}
.honor-swiper .swiper-pagination-bullet-active {
  opacity: 1 !important;
}
.team {
  margin-bottom: 2.27rem;
}
.team .team-item {
  width: 31.53%;
  margin-right: 2.705%;
  margin-bottom: 2.27rem;
  cursor: pointer;
}
.team .team-item:nth-child(3n) {
  margin-right: 0;
}
.team .team-item .img {
  overflow: hidden;
}
.team .team-item img {
  transition: all 0.5s ease;
}
.team .team-item p {
  font-size: 0.91rem;
  margin-top: 1.36rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.5s ease;
}
.team .team-item:hover img {
  transform: scale(1.04);
  transform: all 0.5s ease;
}
.team-mask {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.7);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: 0.35s;
}
.team-mask .mask-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 63.44%;
  background-color: #fff;
  padding: 4.18rem 4.2%;
}
.team-mask .mask-content .mask-img {
  width: 36.78%;
}
.team-mask .mask-content .txt {
  width: calc(100% - 36.78%);
  padding-left: 4.93%;
}
.team-mask .mask-content .txt h3 {
  font-size: 1.45rem;
  color: #1B497F;
}
.team-mask .mask-content .txt .en {
  position: relative;
  font-size: 0.91rem;
  color: #999;
  margin-bottom: 4.73rem;
}
.team-mask .mask-content .txt .en::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1.95rem;
  width: 32.79%;
  height: 1px;
  background-color: #E8E8E8;
}
.team-mask .mask-content .txt .en::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1.91rem;
  width: 9.84%;
  height: 0.14rem;
  background-color: #1B497F;
}
.team-mask .mask-content .txt .info {
  height: 10.91rem;
  overflow-y: auto;
}
.team-mask .mask-content .txt .info::-webkit-scrollbar {
  width: 0.18rem;
  background-color: rgba(37, 53, 128, 0.1);
  border-radius: 0.91rem;
}
.team-mask .mask-content .txt .info::-webkit-scrollbar-thumb {
  width: 0.18rem;
  height: 6.82rem;
  background-color: #1B497F;
  border-radius: 0.09rem;
}
.team-mask .mask-content .txt .info * {
  font-size: 0.73rem;
  line-height: 1.64rem;
}
.team-mask .mask-content .closed {
  position: absolute;
  right: 3.45%;
  top: 6.53%;
  cursor: pointer;
  transition: all 1s ease;
}
.team-mask .mask-content .closed i {
  font-size: 2.14rem;
  color: #999;
}
.team-mask .mask-content .closed:hover {
  transform: rotate(360deg);
}
.team-mask.team-on {
  opacity: 1;
  visibility: visible;
}
.team-mask.team-on .mask-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  .team .team-item .mask-content {
    width: 85%;
    padding: 4.18rem 2.2%;
  }
}
@media only screen and (max-width: 1024px) {
  .firm {
    width: 90vw;
    margin: 0 auto 4.55rem;
    flex-direction: column;
  }
  .firm .content {
    width: 100%;
    margin-left: 0;
  }
  .firm .firm-img {
    width: 100%;
    margin-top: 0.91rem;
  }
  .team .team-item {
    width: 49%;
    margin-right: 2%;
  }
  .team .team-item:nth-child(3n) {
    margin-right: 2%;
  }
  .team .team-item:nth-child(2n) {
    margin-right: 0;
  }
  .team-mask .mask-content {
    width: 90%;
    flex-direction: column-reverse;
    padding: 2.18rem 2.2% 1.18rem;
  }
  .team-mask .mask-content .mask-img {
    width: 100%;
    height: 250px;
    margin-top: 0.91rem;
  }
  .team-mask .mask-content .mask-img img {
    height: 100%;
    object-fit: cover;
  }
  .team-mask .mask-content .txt {
    width: 100%;
    padding-left: 0;
  }
  .team-mask .mask-content .txt h3 {
    font-size: 1rem;
  }
  .team-mask .mask-content .txt .en {
    font-size: 0.64rem;
    margin-bottom: 1.73rem;
  }
  .team-mask .mask-content .txt .en::before,
  .team-mask .mask-content .txt .en::after {
    bottom: -0.91rem;
  }
  .team-mask .mask-content .closed {
    top: 1%;
  }
}
@media only screen and (max-width: 768px) {
  .honor .honor-swiper .swiper-slide {
    transform: scale(1);
  }
  .honor .swiper-button-next,
  .honor .swiper-button-prev {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .firm-banner .img {
    height: 400px;
  }
  .firm-banner .txt {
    bottom: 50%;
    transform: translate(-50%, 50%);
  }
  .firm-banner .txt h3 {
    font-size: 1.2rem;
  }
  .firm-banner .txt .en {
    margin: 0 0 1.95rem;
  }
  .firm-banner .txt .en::after {
    bottom: -0.9rem;
  }
  .firm-banner .txt .info {
    font-size: 1rem;
  }
  .firm-banner .txt .scrollDown {
    display: none;
  }
  .firm .content h3 {
    font-size: 1.2rem;
  }
  .firm .content .slogan {
    font-size: 0.9rem;
    margin: 1rem 0 1.59rem;
  }
  .team .team-item {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 560px) {
  .firm .content .year {
    padding-left: 37.8%;
  }
  .firm .content .year::before {
    width: 63.9%;
  }
}
@media only screen and (max-width: 440px) {
  .firm-banner .img {
    height: 300px;
  }
}
@media only screen and (max-width: 360px) {
  .firm .content .year {
    padding-left: 35.8%;
  }
  .firm .content .year::before {
    width: 60.9%;
  }
}