.qa {
  overflow: hidden;
  height: 700px;
}
.qa .left {
  width: 41.66%;
  height: 100%;
  float: left;
  background: url(/asset/images/lawyer/qa-left-bg.jpg) no-repeat;
  background-size: cover;
  position: relative;
}
.qa .left .qa-carousel {
  position: absolute;
  width: 500px;
  height: 540px;
  background: #ffffff;
  top: 80px;
  right: -100px;
  z-index: 3;
}
.qa .left .qa-carousel .content {
  height: 100%;
  padding-left: 64px;
  padding-top: 59px;
  padding-right: 37px;
}
.qa .left .qa-carousel .content .qa-box {
  margin-bottom: 81px;
}
.qa .left .qa-carousel .content .qa-box:last-child {
  margin-bottom: 0;
}
.qa .left .qa-carousel .content .qa-box .question {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
}
.qa .left .qa-carousel .content .qa-box .answer {
  margin-top: 18px;
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  line-height: 28px;
}
.qa .right {
  width: 58.34%;
  height: 100%;
  float: left;
  background: url(/asset/images/lawyer/qa-right-bg.png) no-repeat;
  background-size: cover;
  position: relative;
}
.qa .right .ui.form {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-left: 184px;
  padding-top: 74px;
  font-size: 20px;
}
.qa .right .ui.form .form-title {
  height: 67px;
  font-size: 48px;
  font-weight: 600;
  color: #ffffff;
  line-height: 67px;
}
.qa .right .ui.form textarea {
  margin-top: 17px;
  width: 520px;
  height: 238px;
  background: #f3f3f3;
  border: 1px solid #ffffff;
  border: none;
  border-radius: 0;
  resize: none;
}
.qa .right .ui.form input {
  width: 520px;
  height: 56px;
  background: #f5f5f5;
  margin-top: 32px;
  border: none;
  border-radius: 0;
}
.qa .right .ui.form button[type="submit"] {
  width: 520px;
  height: 79px;
  font-size: 28px;
  line-height: 79px;
  margin-top: 32px;
  background: linear-gradient(177deg, #df0e2e 0%, #8f2d30 100%);
  opacity: 0.9462;
  border: none;
  border-radius: 0;
  color: white;
}
.lawyer__banner {
  position: relative;
}
.lawyer__banner img {
  width: 100%;
  vertical-align: bottom;
}
.lawyer__banner__title {
  font-size: 5.20833333vw;
  text-align: center;
  color: #ffffff;
  position: absolute;
  width: 100%;
  bottom: 7.96875vw;
  line-height: 1.4;
}
.lawyer__banner__buttons {
  width: 55.36458333vw;
  display: flex;
  position: absolute;
  bottom: -2.39583333vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.lawyer__banner__item {
  flex: 1 0 auto;
  height: 4.84375vw;
  font-size: 1.25vw;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -1px;
}
.lawyer__banner__item:nth-child(1) {
  background: #ba6d94;
}
.lawyer__banner__item:nth-child(2) {
  background: #90265f;
}
.lawyer__banner__item:nth-child(3) {
  background: #5e0032;
}
.lawyer__banner__item:nth-child(4) {
  background: #400425;
}
.lawyers {
  display: flex;
  width: 54.375vw;
  margin: 0 auto;
  padding-top: 5.72916667vw;
  padding-bottom: 5.72916667vw;
  align-items: center;
  position: relative;
}
.lawyers__carousel {
  position: absolute;
  left: -7.70833333vw;
  top: 50%;
  transform: translateY(-50%);
}
.lawyers .lawyers__left {
  width: 4.0625vw;
  flex-shrink: 0;
  margin-right: 3.64583333vw;
  padding-top: 0.52083333vw;
  padding-bottom: 0.52083333vw;
}
.lawyers .lawyers__left__wrapper {
  width: 4.0625vw;
  height: 4.0625vw;
  background: #e0e0e0;
  border-radius: 50%;
  overflow: hidden;
}
.lawyers .lawyers__left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.lawyers__right {
  flex-grow: 1;
}
.lawyers .slick-vertical .slick-slide {
  border-width: 0 !important;
  border: none !important;
}
.lawyers__item {
  display: flex !important;
  align-items: stretch;
  height: 30.9375vw;
  padding-top: 0.52083333vw;
  padding-bottom: 0.52083333vw;
}
.lawyers__item__image {
  width: 25.52083333vw;
  height: 29.89583333vw;
  position: relative;
  overflow: hidden;
}
.lawyers__item__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.lawyers__item__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 5.72916667vw;
}
.lawyers__item__title {
  font-size: 2.08333333vw;
  line-height: 2.91666667vw;
  font-weight: bold;
}
.lawyers__item__name {
  font-family: Avenir;
  font-size: 3.125vw;
  line-height: 4.27083333vw;
  color: #c10b67;
  margin-top: 0.52083333vw;
}
.lawyers__item__description {
  font-size: 1.04166667vw;
  line-height: 1.875vw;
  margin-top: 0.88541667vw;
}
.lawyers__item__buttons {
  display: flex;
  margin-top: 2.1875vw;
}
.lawyers__item__buttons a {
  text-align: center;
  color: #ffffff;
  display: inline-block;
  width: 10.41666667vw;
  height: 2.39583333vw;
  line-height: 2.39583333vw;
  background: linear-gradient(180deg, #ba6d94 0%, #841d55 100%);
  opacity: 0.91;
}
.lawyers__item__buttons a:last-child {
  background: linear-gradient(177deg, #5977c2 0%, #2d428f 100%);
  opacity: 0.87;
}
.lawyers__item__buttons a ~ a {
  margin-left: 0.625vw;
}
.lawyers .slick-active.slick-current .lawyers__left__wrapper {
  border: 1px solid #c10b67;
}
.icons {
  text-align: center;
  padding-bottom: 2.1875vw;
}
.icons__title {
  font-weight: bold;
  font-size: 2.08333333vw;
}
.icons__grid {
  margin-top: 54px;
  display: flex;
  justify-content: center;
}
.icons__grid__item {
  line-height: 1.8;
  font-size: 1.04166667vw;
}
.icons__grid__item img {
  vertical-align: bottom;
  height: 4.16666667vw;
  margin-bottom: 2.44791667vw;
}
.icons__grid__item ~ .icons__grid__item {
  margin-left: 9.0625vw;
}
.chat {
  display: grid;
  grid-template-columns: 4fr 6fr;
  grid-auto-rows: 35.41666667vw;
}
.chat__left {
  background: url(/asset/images/lawyer/chat-1.png) no-repeat 0 0 / cover;
  position: relative;
}
.chat__body {
  position: absolute;
  line-height: 1.4;
  top: 8.22916667vw;
  right: 5.625vw;
  color: #ffffff;
}
.chat__body__title {
  font-weight: lighter;
  font-size: 2.08333333vw;
}
.chat__body__sub-title {
  font-weight: bold;
  font-size: 3.125vw;
}
@-webkit-keyframes bigMilk {
  0% {
    transform: translateY(-6px);
  }
  100% {
    transform: translateY(6px);
  }
}
@keyframes bigMilk {
  0% {
    transform: translateY(-6px);
  }
  100% {
    transform: translateY(6px);
  }
}
.chat__body__button {
  width: 11.30208333vw;
  height: 2.39583333vw;
  font-size: 1.04166667vw;
  margin-top: 2.08333333vw;
  background: linear-gradient(180deg, #ba6d94 0%, #841d55 100%);
  opacity: 0.91;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  cursor: pointer;
  -webkit-animation: bigMilk 800ms infinite alternate linear;
          animation: bigMilk 800ms infinite alternate linear;
}
.chat__right {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.chat__right__item {
  padding-top: 7.44791667vw;
  padding-left: 4.6875vw;
  padding-right: 4.6875vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  color: #ffffff;
}
.chat__right__item h3 {
  font-size: 1.25vw;
  letter-spacing: 2px;
  margin-bottom: 1.2em;
}
.chat__right__item p {
  font-size: 1.04166667vw;
}
.chat__right__item:nth-child(1) {
  background: url(/asset/images/lawyer/chat-2.png) no-repeat 0 0 / cover;
}
.chat__right__item:nth-child(2) {
  background: url(/asset/images/lawyer/chat-3.png) no-repeat 0 0 / cover;
}
.chat__right__item:nth-child(3) {
  background: url(/asset/images/lawyer/chat-4.png) no-repeat 0 0 / cover;
}
.chat__right__item:nth-child(4) {
  background: url(/asset/images/lawyer/chat-5.png) no-repeat 0 0 / cover;
}
.blue-form.ui.form {
  width: 78.64583333vw;
  height: 10.10416667vw;
  padding-left: 15.20833333vw;
  padding-right: 8.59375vw;
  padding-top: 1.61458333vw;
  padding-bottom: 1.97916667vw;
  margin: 0 auto;
  background: url(/asset/images/lawyer/form-bg.png) no-repeat 0 0 / cover;
}
.blue-form.ui.form.mb {
  margin-bottom: 60px;
}
.blue-form.ui.form.mt {
  margin-top: 30px;
}
.blue-form.ui.form .top {
  display: flex;
  font-size: 1.875vw;
  line-height: 2.39583333vw;
}
.blue-form.ui.form .top .title {
  font-weight: bold;
  color: #ffffff;
}
.blue-form.ui.form .top .number {
  font-family: Avenir;
  font-weight: 600;
  color: #ffffff;
  margin-left: 3.33333333vw;
}
.blue-form.ui.form .fields {
  margin-top: 1.51041667vw;
}
.blue-form.ui.form .fields .field input,
.blue-form.ui.form .fields .field button {
  height: 2.60416667vw;
  border-radius: 1.5625vw;
  font-size: 1.04166667vw;
}
.blue-form.ui.form .fields .field button {
  border: 1px solid #ffffff;
  color: #ffffff !important;
  outline: none;
  transition: all 0.3s;
  box-shadow: none !important;
}
.blue-form.ui.form .fields .field button:focus,
.blue-form.ui.form .fields .field button:hover {
  color: #ffffff;
  background: inherit !important;
}
.blue-form.ui.form .fields .field.wechat {
  display: flex;
  align-items: stretch;
}
.blue-form.ui.form .fields .field.wechat select,
.blue-form.ui.form .fields .field.wechat .ui.dropdown {
  flex-shrink: 0;
  width: auto;
  min-width: auto;
  border-radius: 1.5625vw 0 0 1.5625vw !important;
  border: none !important;
  display: flex;
  padding-left: 1.5625vw !important;
  align-items: center;
}
.blue-form.ui.form .fields .field.wechat select > .text,
.blue-form.ui.form .fields .field.wechat .ui.dropdown > .text,
.blue-form.ui.form .fields .field.wechat select > .icon,
.blue-form.ui.form .fields .field.wechat .ui.dropdown > .icon {
  color: #666666;
  top: inherit !important;
}
.blue-form.ui.form .fields .field.wechat select > .text,
.blue-form.ui.form .fields .field.wechat .ui.dropdown > .text {
  font-size: 1.04166667vw !important;
}
.blue-form.ui.form .fields .field.wechat input {
  border-radius: 0 1.5625vw 1.5625vw 0 !important;
  padding-left: 0.3em !important;
  border: none;
  height: 100%;
}
.pk {
  text-align: center;
  line-height: 1.4;
  padding-top: 2.96875vw;
}
.pk__title {
  font-weight: bold;
  font-size: 2.08333333vw;
}
.pk__title span {
  color: #fe2727;
}
.pk__image {
  padding-top: 1.40625vw;
  padding-bottom: 1.40625vw;
}
.pk__image img {
  width: 42.91666667vw;
  vertical-align: bottom;
}
.pk__body {
  display: flex;
  justify-content: center;
}
.pk__group {
  display: flex;
  flex-direction: column;
}
.pk__left {
  align-items: flex-end;
  text-align: right;
}
.pk__left .pk__item:nth-child(1) {
  width: 21.35416667vw;
}
.pk__right .pk__item:nth-child(1) {
  width: 26.5625vw;
}
.pk__left .pk__item:nth-child(2) {
  width: 22.91666667vw;
}
.pk__right .pk__item:nth-child(2) {
  width: 28.125vw;
}
.pk__left .pk__item:nth-child(3) {
  width: 24.47916667vw;
}
.pk__right .pk__item:nth-child(3) {
  width: 29.6875vw;
}
.pk__left .pk__item:nth-child(4) {
  width: 26.04166667vw;
}
.pk__right .pk__item:nth-child(4) {
  width: 31.25vw;
}
.pk__left .pk__item:nth-child(5) {
  width: 27.60416667vw;
}
.pk__right .pk__item:nth-child(5) {
  width: 32.8125vw;
}
.pk__left .pk__item:nth-child(6) {
  width: 29.16666667vw;
}
.pk__right .pk__item:nth-child(6) {
  width: 34.375vw;
}
.pk__right {
  text-align: left;
}
.pk__right .pk__item {
  background: rgba(144, 38, 95, 0.08);
  color: #90265f;
  position: relative;
}
.pk__right .pk__item::after {
  content: "\2605\2605\2605\2605\2605";
  float: right;
}
.pk__group ~ .pk__group {
  margin-left: 30px;
}
.pk__item {
  padding-left: 2.60416667vw;
  padding-right: 2.60416667vw;
  height: 3.33333333vw;
  line-height: 3.33333333vw;
  font-size: 1.04166667vw;
  background: #f3f3f3;
  color: #777777;
}
.pk__item ~ .pk__item {
  margin-top: 2px;
}
.qa__title {
  font-size: 2.08333333vw;
  text-align: center;
  font-weight: bold;
  padding-top: 2.60416667vw;
  padding-bottom: 2.60416667vw;
}
.qa .left {
  background: url(/asset/images/lawyer/left.png) no-repeat 0 0 / cover !important;
}
.qa .ui.form > .form-title {
  display: none;
}
.qa .ui.form textarea {
  margin-bottom: 40px;
}
.qa .ui.form input {
  margin-top: 0 !important;
  margin-bottom: 20px;
}
.qa .ui.form button[type="submit"] {
  cursor: pointer;
  background: #90265f !important;
}
.qa .ui.form input::-moz-placeholder, .qa .ui.form textarea::-moz-placeholder {
  font-size: 0.9375vw;
}
.qa .ui.form input:-ms-input-placeholder, .qa .ui.form textarea:-ms-input-placeholder {
  font-size: 0.9375vw;
}
.qa .ui.form input::placeholder,
.qa .ui.form textarea::placeholder {
  font-size: 0.9375vw;
}
.qa .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: -50px !important;
}
.qa .slick-dots li {
  box-sizing: content-box !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  background: #cecece !important;
  margin: 0 10px !important;
}
.qa .slick-dots li.slick-active {
  background: inherit !important;
  border: 6px solid #ff0000 !important;
}
.qa .slick-dots li button {
  width: 0 !important;
  height: 0 !important;
}
.qa .slick-dots li button::before {
  content: none !important;
}
.qa ul.slick-dots {
  bottom: 20px !important;
}
.qa ul.slick-dots .slick-active {
  border: 6px solid #90265f !important;
}
.hot-project {
  background: url(/asset/images/advantage2/hot.png) no-repeat;
  background-size: 100% 19.27083333vw;
}
.hot-project__title {
  font-size: 2.08333333vw;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  padding: 2.08333333vw;
}
.hot-project__title span {
  color: #fe2727;
}
.hot-project__body {
  width: 65.10416667vw;
  padding-top: 4.53125vw;
  margin: 0 auto;
  display: flex;
}
.hot-project__buttons {
  width: 65.10416667vw;
  margin: 0 auto;
  display: flex;
  padding-bottom: 6.09375vw;
}
.hot-project__buttons__item {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1.25vw;
}
.hot-project__buttons__item.active a {
  background: linear-gradient(358deg, #ba6d94 0%, #841d55 100%);
  opacity: 0.91;
}
.hot-project__buttons__item a {
  height: 2.39583333vw;
  width: 11.30208333vw;
  opacity: 0.82;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.04166667vw;
  background: linear-gradient(177deg, #5977c2 0%, #3d55a1 63%, #2d428f 100%);
}
.hot-project__item {
  flex: 1;
  position: relative;
}
.hot-project__item:nth-child(1)::after {
  content: '';
  position: absolute;
  width: 4.0625vw;
  height: 5.67708333vw;
  left: 1.92708333vw;
  top: 0;
  background: url("/asset/images/lawyer/gold-1.png") no-repeat 0 0 / cover;
  z-index: 1;
}
.hot-project__item:nth-child(2)::after {
  content: '';
  position: absolute;
  width: 4.0625vw;
  height: 5.67708333vw;
  left: 1.92708333vw;
  top: 0;
  background: url("/asset/images/lawyer/gold-2.png") no-repeat 0 0 / cover;
  z-index: 1;
}
.hot-project__item:nth-child(3)::after {
  content: '';
  position: absolute;
  width: 4.0625vw;
  height: 5.67708333vw;
  left: 1.92708333vw;
  top: 0;
  background: url("/asset/images/lawyer/gold-3.png") no-repeat 0 0 / cover;
  z-index: 1;
}
.hot-project__item:nth-child(4)::after {
  content: '';
  position: absolute;
  width: 4.0625vw;
  height: 5.67708333vw;
  left: 1.92708333vw;
  top: 0;
  background: url("/asset/images/lawyer/gold-4.png") no-repeat 0 0 / cover;
  z-index: 1;
}
.hot-project__item ~ .hot-project__item {
  margin-left: 0.98958333vw;
}
.hot-project__image {
  width: 100%;
  height: 21.25vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
  overflow: hidden;
}
.hot-project__content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #ffffff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 2.08333333vw;
}
.hot-project__name {
  font-size: 1.45833333vw;
  margin-bottom: 27px;
  font-weight: bold;
}
.hot-project__tags {
  min-height: 4.375vw;
  line-height: 1.7;
}
.center-buttons {
  display: flex;
  justify-content: center;
  padding-top: 2.60416667vw;
  padding-bottom: 2.60416667vw;
}
.center-buttons a {
  height: 2.60416667vw;
  width: 14.32291667vw;
  opacity: 0.82;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.04166667vw;
}
.center-buttons a:first-child {
  background: linear-gradient(177deg, #5977c2 0%, #3d55a1 63%, #2d428f 100%);
}
.center-buttons a:last-child {
  background: linear-gradient(358deg, #ba6d94 0%, #841d55 100%);
  opacity: 0.91;
}
.center-buttons:hover {
  color: #ffffff;
}
.center-buttons a ~ a {
  margin-left: 1.04166667vw;
}
/* 底部表单 */
.footer-form {
  display: flex;
  width: 100%;
}
.footer-form-image {
  flex: 1;
}
.footer-form-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.footer-form-body {
  flex: 1;
  background: #223455;
  padding-left: 1.82291667vw;
  display: flex;
  align-items: center;
}
.footer-form-body form {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footer-form-body form h1 {
  font-size: 2.39583333vw;
  line-height: 3.33333333vw;
  font-weight: bold;
  color: #ffffff;
  margin: 0;
  width: 100%;
}
.footer-form-body form h3 {
  font-weight: lighter;
  font-size: 1.45833333vw;
  line-height: 2.08333333vw;
  margin-top: 0.78125vw;
  color: #ffffff;
}
.footer-form-body form .form-group {
  width: 19.27083333vw;
}
.footer-form-body form .form-group.name {
  margin-bottom: 1.04166667vw;
}
.footer-form-body form .form-group button[type="submit"] {
  width: 100%;
  background: #f01b4d;
  color: #ffffff;
  font-size: 1.25vw;
  margin-top: 2.76041667vw;
}
.footer-form-body form .form-group input {
  padding-left: 1.5625vw !important;
  padding-right: 1.5625vw !important;
  font-size: 1.04166667vw !important;
}
.footer-form-body form .form-group input::-moz-placeholder {
  color: #666666;
}
.footer-form-body form .form-group input:-ms-input-placeholder {
  color: #666666;
}
.footer-form-body form .form-group input::placeholder {
  color: #666666;
}
.footer-form-body form .form-group input,
.footer-form-body form .form-group select,
.footer-form-body form .form-group .ui.dropdown,
.footer-form-body form .form-group button[type="submit"] {
  border: none !important;
  height: 3.125vw;
  border-radius: 1.5625vw !important;
}
.footer-form-body form .form-group.wechat {
  display: flex;
}
.footer-form-body form .form-group.wechat select,
.footer-form-body form .form-group.wechat .ui.dropdown {
  flex-shrink: 0;
  width: auto;
  min-width: auto;
  border-radius: 1.5625vw 0 0 1.5625vw !important;
  border: none !important;
  display: flex;
  padding-left: 1.5625vw !important;
  align-items: center;
}
.footer-form-body form .form-group.wechat select > .text,
.footer-form-body form .form-group.wechat .ui.dropdown > .text,
.footer-form-body form .form-group.wechat select > .icon,
.footer-form-body form .form-group.wechat .ui.dropdown > .icon {
  color: #666666;
  top: inherit !important;
}
.footer-form-body form .form-group.wechat select > .text,
.footer-form-body form .form-group.wechat .ui.dropdown > .text {
  font-size: 1.04166667vw !important;
}
.footer-form-body form .form-group.wechat input {
  border-radius: 0 1.5625vw 1.5625vw 0 !important;
  padding-left: 0vw !important;
}
