@charset "utf-8";
#c-placeholder {
  height: 130px;
}
@media (max-width: 1580px) {
  #c-placeholder {
    height: 110px;
  }
}
.x-banner .x-con {
  position: relative;
}
.x-banner .x-con .public-img::before {
  padding-top: 32.8125%;
}
@media (max-width: 1260px) {
  .x-banner .x-con .public-img::before {
    padding-top: 42.8125%;
  }
}
@media (max-width: 991px) {
  .x-banner .x-con .public-img::before {
    padding-top: 61.8125%;
  }
}
@media (max-width: 767px) {
  .x-banner .x-con .public-img::before {
    padding-top: 98.8125%;
  }
}
.x-banner .x-con .public-img::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(27, 33, 38, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .x-banner .x-con .public-img img:nth-child(1) {
    display: block;
  }
}
.x-banner .x-con .public-img img:nth-child(2) {
  display: none;
}
@media (max-width: 767px) {
  .x-banner .x-con .public-img img:nth-child(2) {
    display: block;
  }
}
.x-banner .x-con .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.x-banner .x-con .container .x-text {
  text-align: center;
}
.x-banner .x-con .container .x-text .x-title {
  color: #fff;
  text-transform: uppercase;
  line-height: 1.07;
}
.x-banner .x-con .container .x-text .x-p {
  color: #fff;
  margin-top: 0.04rem;
}
.x-banner .x-con .container .x-text .public-btn {
  margin-top: 0.5rem;
}
.x-banner .x-con .container .x-fo {
  width: 62.5%;
  margin: 0.65rem auto 0;
}
@media (max-width: 767px) {
  .x-banner .x-con .container .x-fo {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-banner .x-con .container .x-fo .x-form {
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.6rem;
  padding: 0 0.2rem 0 0.3rem;
}
@media (max-width: 767px) {
  .x-banner .x-con .container .x-fo .x-form {
    height: 0.8rem;
  }
}
.x-banner .x-con .container .x-fo .x-form input {
  display: block;
  color: #999999;
  width: calc(100% - 40px);
  padding-right: 0.2rem;
}
.x-banner .x-con .container .x-fo .x-form input::placeholder {
  color: #999999;
}
.x-banner .x-con .container .x-fo .x-form button {
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.x-banner .x-con .container .x-fo .x-form button svg {
  width: 0.22rem;
  height: 0.22rem;
}
@media (max-width: 767px) {
  .x-banner .x-con .container .x-fo .x-form button svg {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-banner .x-con .container .x-fo .x-form button svg path {
  fill: #333333;
}
.x-banner .x-con .container .x-fo .x-a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.3rem;
}
.x-banner .x-con .container .x-fo .x-a a {
  display: inline-block;
  margin-bottom: 0.1rem;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  height: 34px;
  line-height: 34px;
  padding: 0 0.34rem;
  font-size: 12px;
  margin-right: 0.14rem;
  transition: 0.4s ease-in-out;
}
.x-banner .x-con .container .x-fo .x-a a:hover {
  border-color: #045ec3;
  background-color: #1b2126;
}
.x-banner2 .x-con {
  position: relative;
}
.x-banner2 .x-con .public-img::before {
  padding-top: 43.22916667%;
}
@media (max-width: 1260px) {
  .x-banner2 .x-con .public-img::before {
    padding-top: 44.8125%;
  }
}
@media (max-width: 991px) {
  .x-banner2 .x-con .public-img::before {
    padding-top: 61.8125%;
  }
}
@media (max-width: 767px) {
  .x-banner2 .x-con .public-img::before {
    padding-top: 118.8125%;
  }
}
.x-banner2 .x-con .public-img::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(27, 33, 38, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .x-banner2 .x-con .public-img img:nth-child(1) {
    display: block;
  }
}
.x-banner2 .x-con .public-img img:nth-child(2) {
  display: none;
}
@media (max-width: 767px) {
  .x-banner2 .x-con .public-img img:nth-child(2) {
    display: block;
  }
}
.x-banner2 .x-con .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.x-banner2 .x-con .container .x-text {
  text-align: center;
}
.x-banner2 .x-con .container .x-text .x-title {
  color: #fff;
  text-transform: uppercase;
  line-height: 1.07;
}
.x-banner2 .x-con .container .x-text .x-p {
  color: #fff;
  margin-top: 0.14rem;
}
@media (max-width: 1260px) {
  .x-banner2 .x-con .container .x-text .x-p br {
    display: none;
  }
}
.x-banner2 .x-con .container .x-text .x-butt {
  text-align: center;
  margin-top: 0.55rem;
}
.x-banner2 .x-con .container .x-text .x-butt a {
  min-width: 2.24rem;
  padding: 0 0.4rem;
  margin: 0 0.08rem 10px;
}
@media (max-width: 1580px) {
  .x-banner2 .x-con .container .x-text .x-butt a {
    min-width: 2.8rem;
  }
}
.x-banner2 .x-con .container .x-text .x-butt a.public-btn3 p {
  color: #045ec3;
  position: relative;
}
.x-banner2 .x-con .container .x-text .x-butt a.public-btn3 span {
  color: red;
  position: absolute;
  top: -50%;
  font-size: 11px;
  left: 105%;
}
.x-banner2 .x-con .container .x-text .x-butt a.public-btn p {
  position: relative;
}
.x-banner2 .x-con .container .x-text .x-butt a.public-btn span {
  color: red;
  position: absolute;
  top: -50%;
  font-size: 11px;
  left: 105%;
}
@media (max-width: 1580px) {
  .x-banner2 .x-con .container .x-text .x-butt a.public-btn span {
    left: 97%;
  }
}
@media (max-width: 1260px) {
  .x-banner2 .x-con .container .x-text .x-butt a.public-btn span {
    left: 92%;
  }
}
.x-banner2 .x-con .container .x-fo {
  width: 62.5%;
  margin: 0.65rem auto 0;
}
@media (max-width: 767px) {
  .x-banner2 .x-con .container .x-fo {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-banner2 .x-con .container .x-fo .x-form {
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.6rem;
  padding: 0 0.2rem 0 0.3rem;
}
@media (max-width: 767px) {
  .x-banner2 .x-con .container .x-fo .x-form {
    height: 0.8rem;
  }
}
.x-banner2 .x-con .container .x-fo .x-form input {
  display: block;
  color: #999999;
  width: calc(100% - 40px);
  padding-right: 0.2rem;
}
.x-banner2 .x-con .container .x-fo .x-form input::placeholder {
  color: #999999;
}
.x-banner2 .x-con .container .x-fo .x-form button {
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.x-banner2 .x-con .container .x-fo .x-form button svg {
  width: 0.22rem;
  height: 0.22rem;
}
@media (max-width: 767px) {
  .x-banner2 .x-con .container .x-fo .x-form button svg {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-banner2 .x-con .container .x-fo .x-form button svg path {
  fill: #333333;
}
.x-banner2 .x-con .container .x-fo .x-a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.3rem;
}
.x-banner2 .x-con .container .x-fo .x-a a {
  display: inline-block;
  margin-bottom: 0.1rem;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  height: 34px;
  line-height: 34px;
  padding: 0 0.34rem;
  font-size: 12px;
  margin-right: 0.14rem;
  transition: 0.4s ease-in-out;
}
.x-banner2 .x-con .container .x-fo .x-a a:hover {
  border-color: #045ec3;
  background-color: #1b2126;
}
.x-banner3 .x-con {
  position: relative;
}
.x-banner3 .x-con .public-img::before {
  padding-top: 43.22916667%;
}
@media (max-width: 1260px) {
  .x-banner3 .x-con .public-img::before {
    padding-top: 60.8125%;
  }
}
@media (max-width: 991px) {
  .x-banner3 .x-con .public-img::before {
    padding-top: 61.8125%;
  }
}
@media (max-width: 767px) {
  .x-banner3 .x-con .public-img::before {
    padding-top: 118.8125%;
  }
}
@media (max-width: 767px) {
  .x-banner3 .x-con .public-img img:nth-child(1) {
    display: block;
  }
}
.x-banner3 .x-con .public-img img:nth-child(2) {
  display: none;
}
@media (max-width: 767px) {
  .x-banner3 .x-con .public-img img:nth-child(2) {
    display: block;
  }
}
.x-banner3 .x-con .container {
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
@media (max-width: 991px) {
  .x-banner3 .x-con .container {
    top: 50%;
  }
}
.x-banner3 .x-con .container .x-text .x-title {
  color: #02d8be;
  text-transform: uppercase;
  line-height: 1.07;
  font-size: 0.74rem;
}
@media (max-width: 991px) {
  .x-banner3 .x-con .container .x-text .x-title {
    font-size: 0.6rem;
  }
}
@media (max-width: 767px) {
  .x-banner3 .x-con .container .x-text .x-title {
    font-size: 0.44rem;
  }
}
.x-banner3 .x-con .container .x-text .x-p {
  color: #fff;
  margin-top: 0.14rem;
}
@media (max-width: 1260px) {
  .x-banner3 .x-con .container .x-text .x-p br {
    display: none;
  }
}
.x-banner3 .x-con .container .x-text .x-butt {
  margin-top: 0.55rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 991px) {
  .x-banner3 .x-con .container .x-text .x-butt {
    margin-bottom: 0.4rem;
  }
}
.x-banner3 .x-con .container .x-text .x-butt a {
  min-width: 2.24rem;
  padding: 0 0.4rem;
  margin: 0 0.08rem 10px;
}
.x-banner3 .x-con .container .x-text .x-butt a.public-btn3 p {
  color: #045ec3;
}
.x-banner3 .x-con .container .x-im {
  width: 3rem;
}
.x-banner3 .x-con .container .x-im .public-img::before {
  padding-top: 36%;
}
.x-supp1 {
  padding: 1.2rem 0 1.4rem;
  background-color: #f7f7f7;
}
@media (max-width: 767px) {
  .x-supp1 {
    padding: 1.2rem 0;
  }
}
.x-supp1 .container .x-top {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #dedede;
  overflow-x: auto;
}
.x-supp1 .container .x-top a {
  display: inline-block;
  color: rgba(51, 51, 51, 0.8);
  width: 20%;
  text-align: center;
  padding: 0.12rem;
  position: relative;
  transition: 0.4s ease-in-out;
  flex-shrink: 0;
  white-space: nowrap;
}
@media (max-width: 1260px) {
  .x-supp1 .container .x-top a {
    width: auto;
    padding: 0.12rem 0.3rem;
  }
}
.x-supp1 .container .x-top a.on {
  color: #333333;
}
.x-supp1 .container .x-top a.on::before {
  width: 100%;
}
.x-supp1 .container .x-top a::before {
  content: "";
  width: 0;
  height: 2px;
  background-color: #000000;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-supp1 .container .x-top a::before {
    display: none;
  }
}
.x-supp1 .container .x-xia {
  margin-top: 0.7rem;
}
@media (max-width: 767px) {
  .x-supp1 .container .x-xia {
    margin-top: 0.4rem;
  }
}
.x-supp1 .container .x-xia ul {
  margin-bottom: 0.5rem;
}
.x-supp1 .container .x-xia ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.24rem 0.5rem;
  background-color: #fff;
  margin-bottom: 0.2rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .x-supp1 .container .x-xia ul li {
    padding: 0.24rem 0.2rem;
  }
}
.x-supp1 .container .x-xia ul li:hover {
  background-color: #045ec3;
}
.x-supp1 .container .x-xia ul li:hover .x-tit {
  color: #fff;
}
.x-supp1 .container .x-xia ul li:hover .x-sp span {
  color: #fff;
}
.x-supp1 .container .x-xia ul li:hover .x-yl {
  background-color: #fff;
}
.x-supp1 .container .x-xia ul li:hover .x-xz {
  color: #fff;
}
.x-supp1 .container .x-xia ul li:hover .x-xz i {
  background-color: #fff;
}
.x-supp1 .container .x-xia ul li:hover .x-xz i svg path {
  fill: #045ec3;
}
.x-supp1 .container .x-xia ul li .x-tit {
  color: #111111;
  width: 46.66%;
  transition: 0.4s ease-in-out;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 0.3rem;
}
@media (max-width: 991px) {
  .x-supp1 .container .x-xia ul li .x-tit {
    width: 37.66%;
  }
}
@media (max-width: 767px) {
  .x-supp1 .container .x-xia ul li .x-tit {
    width: 57.66%;
    white-space: initial;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3em;
  }
}
.x-supp1 .container .x-xia ul li .x-sp {
  display: inline-flex;
  align-items: center;
  width: 31.33%;
  padding-right: 0.2rem;
}
@media (max-width: 1580px) {
  .x-supp1 .container .x-xia ul li .x-sp {
    width: 26.33%;
  }
}
@media (max-width: 1260px) {
  .x-supp1 .container .x-xia ul li .x-sp {
    width: 17.33%;
  }
}
@media (max-width: 767px) {
  .x-supp1 .container .x-xia ul li .x-sp {
    display: none;
  }
}
.x-supp1 .container .x-xia ul li .x-sp .x-ic {
  width: 26px;
  height: 26px;
  margin-right: 0.1rem;
  flex-shrink: 0;
}
.x-supp1 .container .x-xia ul li .x-sp .x-ic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-supp1 .container .x-xia ul li .x-sp span {
  color: #666666;
  transition: 0.4s ease-in-out;
}
.x-supp1 .container .x-xia ul li .x-yl {
  border: 1px solid #045ec3;
  height: 42px;
  line-height: 42px;
  padding: 0 0.4rem;
  color: #045ec3;
  text-transform: uppercase;
  transition: 0.4s ease-in-out;
  border-radius: 0.04rem;
}
@media (max-width: 1580px) {
  .x-supp1 .container .x-xia ul li .x-yl {
    height: 38px;
    line-height: 38px;
  }
}
@media (max-width: 767px) {
  .x-supp1 .container .x-xia ul li .x-yl {
    height: 0.64rem;
    line-height: 0.64rem;
    padding: 0 0.2rem;
    font-size: 0.24rem;
  }
}
.x-supp1 .container .x-xia ul li .x-xz {
  color: #045ec3;
  text-transform: uppercase;
  transition: 0.4s ease-in-out;
  width: 12%;
  text-align: right;
}
@media (max-width: 1260px) {
  .x-supp1 .container .x-xia ul li .x-xz {
    width: auto;
  }
}
@media (max-width: 767px) {
  .x-supp1 .container .x-xia ul li .x-xz span {
    display: none;
  }
}
.x-supp1 .container .x-xia ul li .x-xz i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background-color: #045ec3;
  flex-shrink: 0;
  margin-left: 0.05rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 1580px) {
  .x-supp1 .container .x-xia ul li .x-xz i {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 767px) {
  .x-supp1 .container .x-xia ul li .x-xz i {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.x-supp1 .container .x-xia ul li .x-xz i svg {
  width: 14px;
  height: 14px;
}
@media (max-width: 1580px) {
  .x-supp1 .container .x-xia ul li .x-xz i svg {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 767px) {
  .x-supp1 .container .x-xia ul li .x-xz i svg {
    width: 0.2rem;
    height: 0.2rem;
  }
}
.x-supp1 .container .x-xia ul li .x-xz i svg path {
  fill: #fff;
  transition: 0.4s ease-in-out;
}
.x-page {
  display: flex;
  align-items: center;
}
.x-page .x-pl,
.x-page .x-pr {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-color: #fff;
  border-radius: 100%;
  border: 1px solid #b5b5b5;
  flex-shrink: 0;
  margin-right: 0.25rem;
  transition: 0.4s ease-in-out;
  margin-left: 0;
}
@media (max-width: 767px) {
  .x-page .x-pl,
  .x-page .x-pr {
    width: 0.64rem;
    height: 0.64rem;
  }
}
.x-page .x-pl:hover,
.x-page .x-pr:hover {
  background-color: #045ec3;
  border-color: #045ec3;
}
.x-page .x-pl:hover svg path,
.x-page .x-pr:hover svg path {
  fill: #fff;
}
.x-page .x-pl svg,
.x-page .x-pr svg {
  width: 10px;
  height: 10px;
}
@media (max-width: 767px) {
  .x-page .x-pl svg,
  .x-page .x-pr svg {
    width: 0.2rem;
    height: 0.2rem;
  }
}
.x-page .x-pl svg path,
.x-page .x-pr svg path {
  fill: #999999;
  transition: 0.4s ease-in-out;
}
.x-page a {
  display: inline-block;
  margin: 0 0.12rem;
  color: #cccccc;
  transition: 0.4s ease-in-out;
  position: relative;
}
.x-page a:hover,
.x-page a.on {
  color: #045ec3;
  text-decoration: underline;
}
.x-page a:hover::before,
.x-page a.on::before {
  width: 100%;
}
.x-page .x-pr {
  margin-right: 0;
  margin-left: 0.25rem;
}
.x-page .x-pr svg {
  transform: rotate(180deg);
}
.x-supp-sof1 {
  padding: 1.3rem 0 2.4rem;
  background-color: #efeff1;
}
@media (max-width: 767px) {
  .x-supp-sof1 {
    padding: 1.2rem 0 0.8rem;
  }
}
.x-supp-sof1 .container .x-title {
  color: #111111;
  line-height: 1.1;
  text-transform: uppercase;
}
.x-supp-sof1 .container .x-xa {
  background-color: #fff;
}
.x-supp-sof1 .container .x-xa .x-top {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0.28rem 0.6rem 0 0.6rem;
  margin: 0 -0.22rem;
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .x-supp-sof1 .container .x-xa .x-top {
    padding: 0.8rem 0.4rem 0.4rem;
  }
}
.x-supp-sof1 .container .x-xa .x-top .x-box {
  width: 12.5%;
  display: flex;
  padding: 0 0.22rem;
  margin-bottom: 0.2rem;
}
@media (max-width: 1260px) {
  .x-supp-sof1 .container .x-xa .x-top .x-box {
    width: 16.66%;
  }
}
@media (max-width: 991px) {
  .x-supp-sof1 .container .x-xa .x-top .x-box {
    width: 20%;
  }
}
@media (max-width: 767px) {
  .x-supp-sof1 .container .x-xa .x-top .x-box {
    width: 50%;
    margin-bottom: 0.3rem;
  }
}
.x-supp-sof1 .container .x-xa .x-top .x-box:hover a .public-img,
.x-supp-sof1 .container .x-xa .x-top .x-box.on a .public-img {
  border-color: rgba(4, 94, 195, 0.5);
}
.x-supp-sof1 .container .x-xa .x-top .x-box:hover a .public-img img,
.x-supp-sof1 .container .x-xa .x-top .x-box.on a .public-img img {
  transform: scale(1.1);
}
.x-supp-sof1 .container .x-xa .x-top .x-box:hover a .x-tit,
.x-supp-sof1 .container .x-xa .x-top .x-box.on a .x-tit {
  color: #045ec3;
}
.x-supp-sof1 .container .x-xa .x-top .x-box a {
  width: 100%;
  display: inline-block;
  text-align: center;
}
.x-supp-sof1 .container .x-xa .x-top .x-box a .public-img {
  border: 0.02rem solid #f5f5f5;
  transition: 0.4s ease-in-out;
}
.x-supp-sof1 .container .x-xa .x-top .x-box a .public-img::before {
  padding-top: 85.50724638%;
}
.x-supp-sof1 .container .x-xa .x-top .x-box a .x-tit {
  color: #111111;
  margin-top: 0.12rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-supp-sof1 .container .x-xa .x-top .x-box a .x-tit {
    line-height: 1.2;
  }
}
.x-supp-sof1 .container .x-xia {
  margin-top: 0.6rem;
}
.x-supp-sof1 .container .x-xia ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.15rem;
}
.x-supp-sof1 .container .x-xia ul li {
  width: 33.33%;
  display: flex;
  padding: 0 0.15rem 0.3rem;
}
@media (max-width: 1260px) {
  .x-supp-sof1 .container .x-xia ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-supp-sof1 .container .x-xia ul li {
    width: 100%;
    padding-bottom: 0.4rem;
  }
}
.x-supp-sof1 .container .x-xia ul li .x-box {
  width: 100%;
  background-color: #fff;
}
.x-supp-sof1 .container .x-xia ul li .x-box:hover .x-text .x-ppo {
  opacity: 1;
}
.x-supp-sof1 .container .x-xia ul li .x-box .public-img::before {
  padding-top: 57.421875%;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text {
  padding: 0.25rem 0.3rem 0.3rem;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-t {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.1rem;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-t .x-tit {
  color: #111111;
  width: 70%;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-t a {
  display: inline-block;
  color: #111111;
  line-height: 1.2;
  border-bottom: 0.02rem solid #b2b2b2;
  margin-top: 0.05rem;
  transition: 0.4s ease-in-out;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-t a:hover {
  color: #045ec3;
  border-color: #045ec3;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-p {
  margin-bottom: 0.04rem;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-p span:nth-child(1) {
  color: #111111;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-p span:nth-child(2) {
  color: #666666;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-p span:nth-child(2) i {
  color: #ff0000;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-a {
  margin-top: 0.6rem;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-a a {
  display: inline-block;
  color: #666666;
  margin-right: 0.1rem;
  padding-right: 0.1rem;
  position: relative;
  transition: 0.4s ease-in-out;
  margin-bottom: 0.15rem;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-a a:last-child::before {
  display: none;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-a a:hover {
  color: #045ec3;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-a a::before {
  content: "";
  width: 1px;
  height: 70%;
  background-color: #ccc;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-but {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 0.2rem;
  border-top: 1px solid #ededed;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-but a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48%;
  border: 1px solid #045ec3;
  text-align: center;
  height: 0.5rem;
  line-height: 0.5rem;
  border-radius: 0.04rem;
  transition: 0.4s ease-in-out;
  margin-bottom: 0.1rem;
}
@media (max-width: 1580px) {
  .x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-but a {
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-but a {
    height: 0.8rem;
  }
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-but a:hover {
  background-color: #045ec3;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-but a:hover i svg path {
  fill: #fff;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-but a:hover p {
  color: #fff;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-but a i {
  display: inline-flex;
  width: 18px;
  height: 18px;
  margin-right: 0.1rem;
}
@media (max-width: 767px) {
  .x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-but a i {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-but a i svg {
  width: 100%;
  height: 100%;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-but a i svg path {
  fill: #045ec3;
  transition: 0.4s ease-in-out;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-but a p {
  color: #045ec3;
  transition: 0.4s ease-in-out;
  position: relative;
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-but a p span {
  color: red;
  position: absolute;
  top: -25%;
  font-size: 11px;
  left: 105%;
}
@media (max-width: 1580px) {
  .x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-but a p span {
    transform: scale(0.8);
    left: 102%;
  }
}
.x-supp-sof1 .container .x-xia ul li .x-box .x-text .x-ppo {
  opacity: 0;
  margin-top: 5px;
  color: #666666;
  transition: 0.4s ease-in-out;
}
.x-supp-sof2 .x-con {
  position: relative;
}
.x-supp-sof2 .x-con .public-img::before {
  padding-top: 25.41666667%;
}
@media (max-width: 991px) {
  .x-supp-sof2 .x-con .public-img::before {
    padding-top: 38.416667%;
  }
}
@media (max-width: 767px) {
  .x-supp-sof2 .x-con .public-img::before {
    padding-top: 62.416667%;
  }
}
.x-supp-sof2 .x-con .container {
  position: absolute;
  left: 50%;
  top: 34%;
  transform: translateX(-50%);
  z-index: 5;
  text-align: center;
}
@media (max-width: 1260px) {
  .x-supp-sof2 .x-con .container {
    top: 27%;
  }
}
@media (max-width: 767px) {
  .x-supp-sof2 .x-con .container {
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.x-supp-sof2 .x-con .container .x-title {
  color: #fff;
}
.x-supp-sof2 .x-con .container .public-btn {
  border: 1px solid #fff;
  background: none;
  margin-top: 0.55rem;
}
@media (max-width: 767px) {
  .x-supp-sof2 .x-con .container .public-btn {
    margin-top: 0.2rem;
  }
}
.x-public-sup {
  position: sticky;
  position: -webkit-sticky;
  top: 1.3rem;
}
@media (max-width: 991px) {
  .x-public-sup {
    position: initial;
  }
}
.x-public-sup li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 0.15rem;
}
.x-public-sup li .x-t {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.25rem 0;
  cursor: pointer;
}
.x-public-sup li .x-t.on i svg {
  transform: rotate(-270deg);
}
.x-public-sup li .x-t p {
  padding-right: 0.2rem;
  color: #111111;
}
.x-public-sup li .x-t i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 0.4rem;
}
.x-public-sup li .x-t i svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
  transition: 0.4s ease-in-out;
}
.x-public-sup li .x-t i svg path {
  fill: #111111;
}
.x-public-sup li .x-a {
  display: none;
}
.x-public-sup li .x-a .x-i {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.12rem;
  cursor: pointer;
  position: relative;
}
.x-public-sup li .x-a .x-i .x-aa {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.x-public-sup li .x-a .x-i .x-aa.on .x-i1 {
  background-color: #045ec3;
  border-color: #045ec3;
}
.x-public-sup li .x-a .x-i .x-aa.on .x-i1 img {
  opacity: 1;
}
.x-public-sup li .x-a .x-i .x-aa .x-i1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 1px solid #cccccc;
  flex-shrink: 0;
  margin-right: 0.14rem;
}
@media (max-width: 767px) {
  .x-public-sup li .x-a .x-i .x-aa .x-i1 {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-public-sup li .x-a .x-i .x-aa .x-i1 img {
  width: 12px;
  height: 12px;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-public-sup li .x-a .x-i .x-aa .x-i1 img {
    width: 0.2rem;
    height: 0.2rem;
  }
}
.x-public-sup li .x-a .x-i .x-aa .x-i2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 0.08rem;
}
.x-public-sup li .x-a .x-i .x-aa .x-i2 svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.x-public-sup li .x-a .x-i .x-aa .x-i2 svg path {
  fill: #111111;
}
.x-public-sup li .x-a .x-i .x-aa span {
  color: #222222;
  display: inline-block;
  padding-right: 0.2rem;
}
.x-public-sup li .x-a .x-ab {
  background-color: #fff;
  padding: 0.23rem 0.3rem;
  width: 100%;
  margin-top: 0.12rem;
}
@media (max-width: 767px) {
  .x-public-sup li .x-a .x-ab {
    margin-top: 0.2rem;
  }
}
.x-public-sup li .x-a .x-ab .x-al {
  margin-bottom: 0.12rem;
}
.x-public-sup li .x-a .x-ab .x-al:last-child {
  margin-bottom: 0;
}
.x-public-sup li .x-a .x-ab .x-al.on .x-i1 {
  background-color: #045ec3;
  border-color: #045ec3;
}
.x-public-sup li .x-a .x-ab .x-al.on .x-i1 img {
  opacity: 1;
}
.x-public-sup li .x-a .x-ab .x-al .x-i1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 1px solid #cccccc;
  flex-shrink: 0;
  margin-right: 0.14rem;
}
@media (max-width: 767px) {
  .x-public-sup li .x-a .x-ab .x-al .x-i1 {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-public-sup li .x-a .x-ab .x-al .x-i1 img {
  width: 12px;
  height: 12px;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-public-sup li .x-a .x-ab .x-al .x-i1 img {
    width: 0.2rem;
    height: 0.2rem;
  }
}
.x-public-sup li .x-a .x-ab .x-al span {
  color: #222222;
  display: inline-block;
  padding-right: 0.2rem;
}
.x-sup-bro1 {
  padding: 1.1rem 0 1.4rem;
  background-color: #f7f7f7;
}
.x-sup-bro1 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-sup-bro1 .container .x-le {
  width: 20.625%;
}
@media (max-width: 1260px) {
  .x-sup-bro1 .container .x-le {
    width: 24.625%;
  }
}
@media (max-width: 991px) {
  .x-sup-bro1 .container .x-le {
    width: 100%;
  }
}
.x-sup-bro1 .container .x-ri {
  width: 75%;
}
@media (max-width: 1260px) {
  .x-sup-bro1 .container .x-ri {
    width: 73%;
  }
}
@media (max-width: 991px) {
  .x-sup-bro1 .container .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
@media (max-width: 767px) {
  .x-sup-bro1 .container .x-ri ul {
    margin-bottom: 0.4rem;
  }
}
.x-sup-bro1 .container .x-ri ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.24rem 0.5rem;
  background-color: #fff;
  margin-bottom: 0.2rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .x-sup-bro1 .container .x-ri ul li {
    padding: 0.24rem 0.2rem;
  }
}
.x-sup-bro1 .container .x-ri ul li:hover {
  background-color: #045ec3;
}
.x-sup-bro1 .container .x-ri ul li:hover .x-tit {
  color: #fff;
}
.x-sup-bro1 .container .x-ri ul li:hover .x-yl {
  background-color: #fff;
}
.x-sup-bro1 .container .x-ri ul li:hover .x-xz {
  color: #fff;
}
.x-sup-bro1 .container .x-ri ul li:hover .x-xz i {
  background-color: #fff;
}
.x-sup-bro1 .container .x-ri ul li:hover .x-xz i svg path {
  fill: #045ec3;
}
.x-sup-bro1 .container .x-ri ul li .x-tit {
  color: #111111;
  width: 65.66%;
  transition: 0.4s ease-in-out;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 0.3rem;
}
@media (max-width: 1260px) {
  .x-sup-bro1 .container .x-ri ul li .x-tit {
    width: 54.66%;
  }
}
@media (max-width: 991px) {
  .x-sup-bro1 .container .x-ri ul li .x-tit {
    width: 37.66%;
  }
}
@media (max-width: 767px) {
  .x-sup-bro1 .container .x-ri ul li .x-tit {
    width: 57.66%;
    white-space: initial;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3em;
  }
}
.x-sup-bro1 .container .x-ri ul li .x-yl {
  border: 1px solid #045ec3;
  height: 42px;
  line-height: 42px;
  padding: 0 0.4rem;
  color: #045ec3;
  text-transform: uppercase;
  transition: 0.4s ease-in-out;
  border-radius: 0.04rem;
}
@media (max-width: 1580px) {
  .x-sup-bro1 .container .x-ri ul li .x-yl {
    height: 38px;
    line-height: 38px;
  }
}
@media (max-width: 767px) {
  .x-sup-bro1 .container .x-ri ul li .x-yl {
    height: 0.64rem;
    line-height: 0.64rem;
    padding: 0 0.2rem;
    font-size: 0.24rem;
  }
}
.x-sup-bro1 .container .x-ri ul li .x-xz {
  color: #045ec3;
  text-transform: uppercase;
  transition: 0.4s ease-in-out;
  text-align: right;
}
@media (max-width: 1260px) {
  .x-sup-bro1 .container .x-ri ul li .x-xz {
    width: auto;
  }
}
@media (max-width: 767px) {
  .x-sup-bro1 .container .x-ri ul li .x-xz span {
    display: none;
  }
}
.x-sup-bro1 .container .x-ri ul li .x-xz i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background-color: #045ec3;
  flex-shrink: 0;
  margin-left: 0.05rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 1580px) {
  .x-sup-bro1 .container .x-ri ul li .x-xz i {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 767px) {
  .x-sup-bro1 .container .x-ri ul li .x-xz i {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.x-sup-bro1 .container .x-ri ul li .x-xz i svg {
  width: 14px;
  height: 14px;
}
@media (max-width: 1580px) {
  .x-sup-bro1 .container .x-ri ul li .x-xz i svg {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 767px) {
  .x-sup-bro1 .container .x-ri ul li .x-xz i svg {
    width: 0.2rem;
    height: 0.2rem;
  }
}
.x-sup-bro1 .container .x-ri ul li .x-xz i svg path {
  fill: #fff;
  transition: 0.4s ease-in-out;
}
.x-colle1 .x-con {
  position: relative;
}
@media (max-width: 767px) {
  .x-colle1 .x-con .public-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
  }
}
.x-colle1 .x-con .public-img::before {
  padding-top: 43.22916667%;
}
@media (max-width: 1260px) {
  .x-colle1 .x-con .public-img::before {
    padding-top: 60.8125%;
  }
}
@media (max-width: 991px) {
  .x-colle1 .x-con .public-img::before {
    padding-top: 92.8125%;
  }
}
@media (max-width: 767px) {
  .x-colle1 .x-con .public-img::before {
    padding-top: 98.8125%;
  }
}
.x-colle1 .x-con .public-img::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(27, 33, 38, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .x-colle1 .x-con .public-img img:nth-child(1) {
    display: block;
  }
}
.x-colle1 .x-con .public-img img:nth-child(2) {
  display: none;
}
@media (max-width: 767px) {
  .x-colle1 .x-con .public-img img:nth-child(2) {
    display: block;
  }
}
.x-colle1 .x-con .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
@media (max-width: 767px) {
  .x-colle1 .x-con .container {
    position: relative;
    top: auto;
    left: auto;
    transform: initial;
    padding: 1.2rem 0;
  }
}
.x-colle1 .x-con .container .x-title {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.07;
}
.x-colle1 .x-con .container ul {
  display: flex;
  justify-content: flex-start;
  margin-top: 0.4rem;
}
@media (max-width: 767px) {
  .x-colle1 .x-con .container ul {
    flex-wrap: wrap;
  }
}
.x-colle1 .x-con .container ul li {
  width: 33.33%;
  text-align: center;
  padding: 0 0.4rem;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  .x-colle1 .x-con .container ul li {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 0.4rem;
    padding-bottom: 0.4rem;
  }
}
.x-colle1 .x-con .container ul li:last-child {
  border-right: none;
}
.x-colle1 .x-con .container ul li .x-tit {
  color: #fff;
  text-transform: uppercase;
}
.x-colle1 .x-con .container ul li .x-tit span {
  position: relative;
}
.x-colle1 .x-con .container ul li .x-tit span::before {
  content: "";
  width: 0.12rem;
  height: 0.12rem;
  background-color: #045ec3;
  position: absolute;
  left: -0.06rem;
  top: 0;
  z-index: -1;
}
@media (max-width: 1580px) {
  .x-colle1 .x-con .container ul li .x-tit span::before {
    width: 0.16rem;
    height: 0.16rem;
  }
}
.x-colle1 .x-con .container ul li .x-p {
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0.14rem;
  line-height: 1.7;
}
.x-colle1 .x-con .container .x-a {
  text-align: center;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .x-colle1 .x-con .container .x-a {
    margin-top: 0.4rem;
  }
}
.x-colle1 .x-con .container .x-a a {
  min-width: 2.6rem;
  padding: 0 0.14rem;
  margin: 0 7px;
}
@media (max-width: 767px) {
  .x-colle1 .x-con .container .x-a a {
    margin-bottom: 0.2rem;
  }
}
.x-colle1 .x-con .container .x-a a:nth-child(2) {
  background-color: #ffffff;
  color: #111111;
  border-color: #fff;
}
.x-colle2 {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0.8rem 0 1.4rem;
}
.x-colle2 .container .x-fo {
  width: 62.5%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .x-colle2 .container .x-fo {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-colle2 .container .x-fo .x-form {
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.6rem;
  padding: 0 0.2rem 0 0.3rem;
}
@media (max-width: 767px) {
  .x-colle2 .container .x-fo .x-form {
    height: 0.8rem;
  }
}
.x-colle2 .container .x-fo .x-form input {
  display: block;
  color: #999999;
  width: calc(100% - 40px);
  padding-right: 0.2rem;
}
.x-colle2 .container .x-fo .x-form input::placeholder {
  color: #999999;
}
.x-colle2 .container .x-fo .x-form button {
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.x-colle2 .container .x-fo .x-form button svg {
  width: 0.22rem;
  height: 0.22rem;
}
@media (max-width: 767px) {
  .x-colle2 .container .x-fo .x-form button svg {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-colle2 .container .x-fo .x-form button svg path {
  fill: #333333;
}
.x-colle2 .container .x-fo .x-a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.3rem;
}
.x-colle2 .container .x-fo .x-a a {
  display: inline-block;
  margin-bottom: 0.1rem;
  color: #666666;
  border: 1px solid #ffffff;
  border-radius: 100px;
  height: 34px;
  line-height: 34px;
  padding: 0 0.34rem;
  font-size: 12px;
  margin-right: 0.14rem;
  transition: 0.4s ease-in-out;
  background-color: #fff;
}
.x-colle2 .container .x-fo .x-a a:hover {
  border-color: #1b2126;
  background-color: #1b2126;
  color: #fff;
}
.x-colle2 .container .x-xia {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.6rem;
}
.x-colle2 .container .x-xia .x-le {
  width: 20.625%;
}
@media (max-width: 1260px) {
  .x-colle2 .container .x-xia .x-le {
    width: 24.625%;
  }
}
@media (max-width: 991px) {
  .x-colle2 .container .x-xia .x-le {
    width: 100%;
  }
}
.x-colle2 .container .x-xia .x-ri {
  width: 75%;
}
@media (max-width: 1580px) {
  .x-colle2 .container .x-xia .x-ri {
    width: 77%;
  }
}
@media (max-width: 1260px) {
  .x-colle2 .container .x-xia .x-ri {
    width: 73%;
  }
}
@media (max-width: 991px) {
  .x-colle2 .container .x-xia .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-colle2 .container .x-xia .x-ri ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.2rem 0.5rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #e5e5e5;
}
.x-colle2 .container .x-xia .x-ri ul li {
  width: 33.33%;
  display: flex;
  padding: 0 0.2rem 0.5rem;
}
@media (max-width: 991px) {
  .x-colle2 .container .x-xia .x-ri ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-colle2 .container .x-xia .x-ri ul li {
    width: 100%;
  }
}
.x-colle2 .container .x-xia .x-ri ul li .x-box {
  width: 100%;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box:hover .x-im .public-img img {
  transform: scale(1.08);
}
.x-colle2 .container .x-xia .x-ri ul li .x-box:hover .x-text .x-sp i {
  transform: translateX(0.1rem);
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-im {
  display: block;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-im .public-img::before {
  padding-top: 102.96735905%;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text {
  margin-top: 0.25rem;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-tit {
  display: inline-block;
  color: #111111;
  width: 100%;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-tit h3 {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-a {
  display: flex;
  margin-top: 0.2rem;
  margin-bottom: 0.15rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 1580px) {
  .x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-a {
    flex-wrap: wrap;
  }
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-a a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #045ec3;
  border: 1px solid #045ec3;
  padding: 0 0.22rem;
  height: 34px;
  line-height: 34px;
  transition: 0.4s ease-in-out;
  text-transform: uppercase;
}
@media (max-width: 1580px) {
  .x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-a a {
    margin-bottom: 0.1rem;
  }
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-a a:hover {
  background-color: #045ec3;
  color: #fff;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-a a:hover i svg path {
  fill: #fff;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-a a:nth-child(1) {
  margin-right: 0.1rem;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-a a span {
  font-size: 12px;
  display: inline-block;
  margin-right: 0.08rem;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-a a i {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-a a i svg {
  width: 100%;
  height: 100%;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-a a i svg path {
  fill: #045ec3;
  transition: 0.4s ease-in-out;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-p {
  color: #333333;
  line-height: 1.375;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-p p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 2.75em;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-sp {
  color: #045ec3;
  text-transform: uppercase;
  margin-top: 0.3rem;
  display: inline-block;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-sp i {
  display: inline-flex;
  width: 10px;
  height: 10px;
  margin-left: 0.06rem;
  transition: 0.4s ease-in-out;
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-sp i svg {
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
}
.x-colle2 .container .x-xia .x-ri ul li .x-box .x-text .x-sp i svg path {
  fill: #045ec3;
}
.x-nocolle {
  text-align: center;
  background-color: #fff;
  padding: 1.6rem 0;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.03);
}
.x-nocolle .x-img {
  width: 1.4rem;
  height: 1.4rem;
  margin: 0 auto;
}
.x-nocolle .x-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-nocolle .x-tit {
  color: #111111;
  margin-top: 0.3rem;
}
.x-fia-comp1 {
  background-color: #ededed;
  padding: 1.15rem 0 1.4rem;
}
@media (max-width: 767px) {
  .x-fia-comp1 {
    padding: 1.2rem 0;
  }
}
.x-fia-comp1 .container .x-title {
  text-align: center;
  color: #000000;
  line-height: 1.4;
}
.x-fia-comp1 .container .x-xia {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 0.8rem;
}
@media (max-width: 767px) {
  .x-fia-comp1 .container .x-xia {
    margin-top: 0.4rem;
  }
}
.x-fia-comp1 .container .x-xia .x-le {
  width: 20.625%;
  position: sticky;
  position: -webkit-sticky;
  top: 1rem;
}
@media (max-width: 1260px) {
  .x-fia-comp1 .container .x-xia .x-le {
    width: 24.625%;
  }
}
@media (max-width: 991px) {
  .x-fia-comp1 .container .x-xia .x-le {
    width: 100%;
    position: initial;
  }
}
.x-fia-comp1 .container .x-xia .x-le ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 0.15rem;
  padding-top: 0.25rem;
}
.x-fia-comp1 .container .x-xia .x-le ul li .x-i {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.12rem;
  cursor: pointer;
  position: relative;
}
.x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa.on .x-i1 {
  background-color: #045ec3;
  border-color: #045ec3;
}
.x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa.on .x-i1 img {
  opacity: 1;
}
.x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa .x-i1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border: 1px solid #cccccc;
  flex-shrink: 0;
  margin-right: 0.14rem;
  background-color: #fff;
}
@media (max-width: 767px) {
  .x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa .x-i1 {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa .x-i1 img {
  width: 12px;
  height: 12px;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa .x-i1 img {
    width: 0.2rem;
    height: 0.2rem;
  }
}
.x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa .x-i2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  position: absolute;
  right: 0;
  top: -0.05rem;
}
.x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa .x-i2:hover .x-wenan {
  visibility: visible;
}
.x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa .x-i2:hover .x-wenan::before {
  opacity: 1;
}
.x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa .x-i2 img {
  width: 100%;
  height: 100%;
}
.x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa .x-i2 .x-wenan {
  display: flex;
  width: 3rem;
  position: absolute;
  left: 50%;
  bottom: 130%;
  transform: translateX(-50%);
  background-color: #fff;
  font-size: 12px;
  padding: 0.1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  visibility: hidden;
}
@media (max-width: 991px) {
  .x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa .x-i2 .x-wenan {
    left: -150%;
  }
}
.x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa .x-i2 .x-wenan::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
  /* 可以更改颜色 */
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  opacity: 0;
}
@media (max-width: 991px) {
  .x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa .x-i2 .x-wenan::before {
    left: 77%;
  }
}
@media (max-width: 767px) {
  .x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa .x-i2 .x-wenan::before {
    left: 84%;
  }
}
.x-fia-comp1 .container .x-xia .x-le ul li .x-i .x-aa span {
  color: #222222;
  display: inline-block;
  padding-right: 0.2rem;
}
.x-fia-comp1 .container .x-xia .x-ri {
  width: 75%;
  background-color: #fff;
  padding: 0.4rem 0.3rem 1rem;
}
@media (max-width: 1260px) {
  .x-fia-comp1 .container .x-xia .x-ri {
    width: 73%;
  }
}
@media (max-width: 991px) {
  .x-fia-comp1 .container .x-xia .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-fia-comp1 .container .x-xia .x-ri .x-t .x-tit {
  font-weight: bold;
  color: #000000;
}
.x-fia-comp1 .container .x-xia .x-ri .x-t .x-xiala {
  width: 100%;
  position: relative;
  margin-top: 0.2rem;
}
.x-fia-comp1 .container .x-xia .x-ri .x-t .x-xiala.on .x-sp i {
  transform: translateY(-50%) rotate(-270deg);
}
.x-fia-comp1 .container .x-xia .x-ri .x-t .x-xiala .x-sp {
  display: block;
  background-color: #f8f8f8;
  height: 100%;
  padding: 0.18rem 0.2rem;
  position: relative;
  cursor: pointer;
}
.x-fia-comp1 .container .x-xia .x-ri .x-t .x-xiala .x-sp span {
  color: #666666;
}
.x-fia-comp1 .container .x-xia .x-ri .x-t .x-xiala .x-sp i {
  display: inline-block;
  position: absolute;
  right: 0.15rem;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transition: 0.4s ease-in-out;
}
.x-fia-comp1 .container .x-xia .x-ri .x-t .x-xiala .x-sp i svg {
  display: block;
  width: 10px;
  height: 10px;
}
.x-fia-comp1 .container .x-xia .x-ri .x-t .x-xiala ul {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background-color: #fff;
  z-index: 5;
  box-shadow: 0 0 0.1rem rgba(22, 36, 97, 0.1);
  padding: 0.05rem 0;
  display: none;
}
.x-fia-comp1 .container .x-xia .x-ri .x-t .x-xiala ul li {
  padding: 0.05rem 0.15rem;
  color: #666;
  cursor: pointer;
  transition: 0.4s all;
}
.x-fia-comp1 .container .x-xia .x-ri .x-t .x-xiala ul li:hover {
  color: #045ec3;
  background-color: #f5f5f5;
}
.x-fia-comp1 .container .x-xia .x-ri .x-box .x-tt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.4rem;
  margin-top: 0.4rem;
  border-top: 1px solid #e5e5e5;
  padding-right: 0.3rem;
}
@media (max-width: 767px) {
  .x-fia-comp1 .container .x-xia .x-ri .x-box .x-tt {
    align-items: initial;
  }
}
.x-fia-comp1 .container .x-xia .x-ri .x-box .x-tt .x-tit {
  color: #111111;
  padding-right: 0.1rem;
}
@media (max-width: 767px) {
  .x-fia-comp1 .container .x-xia .x-ri .x-box .x-tt .x-tit {
    line-height: 1.2;
  }
}
.x-fia-comp1 .container .x-xia .x-ri .x-box .x-tt i {
  display: inline-flex;
  align-items: center;
  width: 0.34rem;
  height: 0.34rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  .x-fia-comp1 .container .x-xia .x-ri .x-box .x-tt i {
    width: 0.44rem;
    height: 0.44rem;
  }
}
.x-fia-comp1 .container .x-xia .x-ri .x-box .x-tt i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-fia-comp1 .container .x-xia .x-ri .x-box ul {
  margin-top: 0.4rem;
  max-height: 5.6rem;
  padding-right: 0.3rem;
  overflow-y: auto;
}
.x-fia-comp1 .container .x-xia .x-ri .x-box ul li {
  width: 100%;
  margin-bottom: 0.2rem;
}
.x-fia-comp1 .container .x-xia .x-ri .x-box ul li .x-p {
  display: flex;
  justify-content: space-between;
  color: #333333;
  margin-bottom: 0.1rem;
}
.x-fia-comp1 .container .x-xia .x-ri .x-box ul li .x-p .x-sp1 {
  display: inline-block;
  position: relative;
  padding-left: 0.12rem;
}
@media (max-width: 767px) {
  .x-fia-comp1 .container .x-xia .x-ri .x-box ul li .x-p .x-sp1 {
    padding-left: 0.2rem;
  }
}
.x-fia-comp1 .container .x-xia .x-ri .x-box ul li .x-p .x-sp1::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #045ec3;
  position: absolute;
  left: 0;
  top: 0.5em;
}
@media (max-width: 767px) {
  .x-fia-comp1 .container .x-xia .x-ri .x-box ul li .x-p .x-sp1::before {
    width: 4px;
    height: 4px;
    top: 0.6em;
  }
}
.x-fia-comp1 .container .x-xia .x-ri .x-box ul li .x-i {
  width: 100%;
  height: 0.14rem;
  background-color: #d7e8fa;
  border-radius: 100px;
  position: relative;
}
.x-fia-comp1 .container .x-xia .x-ri .x-box ul li .x-i .x-i1 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 100px;
  background: linear-gradient(to right, #0cade5, #054191);
}
.x-peek1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.9rem 0;
}
@media (max-width: 767px) {
  .x-peek1 {
    padding: 1.2rem 0;
  }
}
.x-peek1 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-peek1 .container .x-le {
  width: 53.75%;
  padding-left: 1.1rem;
}
@media (max-width: 1580px) {
  .x-peek1 .container .x-le {
    width: 57.75%;
  }
}
@media (max-width: 991px) {
  .x-peek1 .container .x-le {
    width: 100%;
    padding-left: 0;
  }
}
.x-peek1 .container .x-le .x-title {
  color: #111111;
  line-height: 1.07;
}
.x-peek1 .container .x-le .x-p {
  line-height: 1.33;
  color: #111111;
  margin-top: 0.1rem;
}
@media (max-width: 1260px) {
  .x-peek1 .container .x-le .x-p br {
    display: none;
  }
}
.x-peek1 .container .x-le .x-sp {
  margin-top: 0.25rem;
}
.x-peek1 .container .x-le .x-sp p i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 1px solid #0253bd;
  margin-right: 0.1rem;
}
.x-peek1 .container .x-le .x-sp p i svg {
  width: 8px;
  height: 8px;
}
.x-peek1 .container .x-le .x-sp p i svg path {
  fill: #0253bd;
}
.x-peek1 .container .x-le .x-sp p span {
  color: #333333;
}
.x-peek1 .container .x-le .x-a {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.6rem;
}
.x-peek1 .container .x-le .x-a a {
  display: inline-block;
  background-color: #0253bd;
  min-width: 2.24rem;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  height: 0.6rem;
  line-height: 0.6rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  padding: 0 0.2rem;
}
@media (max-width: 767px) {
  .x-peek1 .container .x-le .x-a a {
    height: 0.8rem;
    line-height: 0.8rem;
  }
}
.x-peek1 .container .x-le .x-a a.x-aa2 {
  background-color: #fff;
  color: #111111;
}
.x-peek1 .container .x-le .x-a a i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  margin-left: 0.08rem;
}
@media (max-width: 767px) {
  .x-peek1 .container .x-le .x-a a i {
    width: 0.24rem;
    height: 0.24rem;
  }
}
.x-peek1 .container .x-le .x-a a i svg {
  width: 100%;
  height: 100%;
}
.x-peek1 .container .x-le .x-a a i svg path {
  fill: #5b5b5b;
}
.x-peek1 .container .x-ri {
  width: 37.875%;
  padding-right: 0.7rem;
}
@media (max-width: 991px) {
  .x-peek1 .container .x-ri {
    width: 100%;
    margin-top: 0.4rem;
    padding: 0 2rem;
  }
}
@media (max-width: 767px) {
  .x-peek1 .container .x-ri {
    padding: 0 1rem;
  }
}
.x-peek1 .container .x-ri .public-img::before {
  padding-top: 93.23432343%;
}
.x-peek2 {
  background-color: #f6f6f6;
  padding: 1.3rem 0 1.1rem;
}
@media (max-width: 767px) {
  .x-peek2 {
    padding: 1.2rem 0 0.8rem;
  }
}
.x-peek2 .container .x-title {
  text-transform: uppercase;
  line-height: 1.07;
}
.x-peek2 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0.5rem -0.15rem 0;
}
@media (max-width: 767px) {
  .x-peek2 .container ul {
    margin-top: 0.4rem;
  }
}
.x-peek2 .container ul li {
  width: 33.33%;
  display: flex;
  padding: 0 0.15rem 0.3rem;
}
@media (max-width: 1260px) {
  .x-peek2 .container ul li {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .x-peek2 .container ul li {
    width: 100%;
  }
}
.x-peek2 .container ul li .x-box {
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.5rem;
}
.x-peek2 .container ul li .x-box .x-ic {
  width: 0.86rem;
  height: 0.86rem;
}
@media (max-width: 1580px) {
  .x-peek2 .container ul li .x-box .x-ic {
    width: 1rem;
    height: 1rem;
  }
}
@media (max-width: 767px) {
  .x-peek2 .container ul li .x-box .x-ic {
    width: 1.2rem;
    height: 1.2rem;
  }
}
.x-peek2 .container ul li .x-box .x-ic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-peek2 .container ul li .x-box .x-p {
  width: calc(100% - 0.86rem);
  padding-left: 0.45rem;
}
@media (max-width: 1580px) {
  .x-peek2 .container ul li .x-box .x-p {
    width: calc(100% - 1rem);
  }
}
@media (max-width: 767px) {
  .x-peek2 .container ul li .x-box .x-p {
    width: calc(100% - 1.2rem);
  }
}
.x-peek3 {
  padding: 1.3rem 0 1.5rem;
}
@media (max-width: 767px) {
  .x-peek3 {
    padding: 1.2rem 0;
  }
}
.x-peek3 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-peek3 .container .x-le {
  width: 39.625%;
  padding-right: 0.2rem;
}
@media (max-width: 991px) {
  .x-peek3 .container .x-le {
    width: 100%;
  }
}
.x-peek3 .container .x-le .x-title {
  text-transform: uppercase;
  line-height: 1.07;
}
.x-peek3 .container .x-ri {
  width: 60.375%;
}
@media (max-width: 991px) {
  .x-peek3 .container .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
@media (max-width: 767px) {
  .x-peek3 .container .x-ri {
    margin-top: 0.6rem;
  }
}
.x-peek3 .container .x-ri .public-img::before {
  padding-top: 55.27950311%;
}
.x-public-prev,
.x-public-next {
  width: 0.7rem;
  height: 0.7rem;
  border: 0.02rem solid #fff;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s ease-in-out;
  cursor: pointer;
}
.x-public-prev.x-public-prev2,
.x-public-next.x-public-prev2,
.x-public-prev.x-public-next2,
.x-public-next.x-public-next2 {
  border: 0.02rem solid #045ec3;
}
.x-public-prev.x-public-prev2:hover svg path,
.x-public-next.x-public-prev2:hover svg path,
.x-public-prev.x-public-next2:hover svg path,
.x-public-next.x-public-next2:hover svg path {
  fill: #fff;
}
.x-public-prev.x-public-prev2 svg path,
.x-public-next.x-public-prev2 svg path,
.x-public-prev.x-public-next2 svg path,
.x-public-next.x-public-next2 svg path {
  fill: #045ec3;
}
@media (max-width: 991px) {
  .x-public-prev,
  .x-public-next {
    display: none;
  }
}
.x-public-prev:hover,
.x-public-next:hover {
  background-color: #045ec3;
  border-color: #045ec3;
}
.x-public-prev svg,
.x-public-next svg {
  width: 14px;
  height: 14px;
}
.x-public-prev svg path,
.x-public-next svg path {
  fill: #fff;
  transition: 0.4s ease-in-out;
}
.x-public-next svg {
  transform: rotate(180deg);
}
.x-peek4 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.4rem 0;
}
@media (max-width: 767px) {
  .x-peek4 {
    padding: 1.2rem 0;
  }
}
.x-peek4 .x-con {
  position: relative;
}
.x-peek4 .x-con .swiper-container {
  margin-left: 1.6rem;
}
@media (max-width: 1580px) {
  .x-peek4 .x-con .swiper-container {
    margin-left: 0.6rem;
  }
}
@media (max-width: 767px) {
  .x-peek4 .x-con .swiper-container {
    margin-left: 0.4rem;
  }
}
.x-peek4 .x-con .swiper-container .swiper-wrapper .swiper-slide .public-img::before {
  padding-top: 64.26886792%;
}
.x-peek4 .x-con .x-public-prev {
  position: absolute;
  left: 3.125%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
.x-peek4 .x-con .x-public-next {
  position: absolute;
  left: 53.9%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
@media (max-width: 1580px) {
  .x-peek4 .x-con .x-public-next {
    left: 51.5%;
  }
}
@media (max-width: 1260px) {
  .x-peek4 .x-con .x-public-next {
    left: 51.5%;
  }
}
.x-peek5 {
  padding: 1.3rem 0 1.3rem 0;
}
@media (max-width: 767px) {
  .x-peek5 {
    padding: 1.2rem 0;
  }
}
.x-peek5 .x-con .x-top .x-title {
  text-transform: uppercase;
  line-height: 1.07;
  color: #111;
}
.x-peek5 .x-con .x-xia {
  margin-top: 0.5rem;
  position: relative;
}
@media (max-width: 767px) {
  .x-peek5 .x-con .x-xia {
    margin-top: 0.4rem;
  }
}
.x-peek5 .x-con .x-xia .swiper-container .swiper-wrapper .swiper-slide {
  height: auto;
}
.x-peek5 .x-con .x-xia .swiper-container .swiper-wrapper .swiper-slide .item {
  height: 100%;
  display: block;
}
.x-peek5 .x-con .x-xia .swiper-container .swiper-wrapper .swiper-slide .item:hover .public-img img {
  transform: scale(1.05);
}
.x-peek5 .x-con .x-xia .swiper-container .swiper-wrapper .swiper-slide .item:hover .txt h3 {
  color: #0066cc;
}
.x-peek5 .x-con .x-xia .swiper-container .swiper-wrapper .swiper-slide .item:hover .txt .public-btn p {
  color: #0066cc;
}
.x-peek5 .x-con .x-xia .swiper-container .swiper-wrapper .swiper-slide .item:hover .txt .public-btn svg path {
  fill: #0066cc;
}
.x-peek5 .x-con .x-xia .swiper-container .swiper-wrapper .swiper-slide .item .public-img:before {
  padding-top: 92.30769231%;
}
.x-peek5 .x-con .x-xia .swiper-container .swiper-wrapper .swiper-slide .item .txt {
  background: #fff;
  padding: 0.35rem 0 0;
}
.x-peek5 .x-con .x-xia .swiper-container .swiper-wrapper .swiper-slide .item .txt .txt_box .txt_con h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.x-peek5 .x-con .x-xia .swiper-container .swiper-wrapper .swiper-slide .item .txt .txt_box .txt_con p {
  margin-top: 0.16rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 3em;
}
.x-peek5 .x-con .x-xia .swiper-container .swiper-wrapper .swiper-slide .item .txt .x-sp {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.25rem;
}
.x-peek5 .x-con .x-xia .swiper-container .swiper-wrapper .swiper-slide .item .txt .x-sp span {
  display: inline-flex;
  justify-content: center;
  line-height: 36px;
  height: 36px;
  border-radius: 100px;
  border: 1px solid #e5e5e4;
  min-width: 1.36rem;
  color: #111111;
  margin: 0 0.1rem 0.1rem 0;
  padding: 0 0.1rem;
}
@media (max-width: 1580px) {
  .x-peek5 .x-con .x-xia .swiper-container .swiper-wrapper .swiper-slide .item .txt .x-sp span {
    padding: 0 0.2rem;
  }
}
.x-peek5 .x-con .x-xia .x-public-prev {
  position: absolute;
  top: 22%;
  left: 0.5rem;
}
@media (max-width: 1260px) {
  .x-peek5 .x-con .x-xia .x-public-prev {
    display: none;
  }
}
.x-peek5 .x-con .x-xia .x-public-next {
  position: absolute;
  top: 22%;
  right: 0.5rem;
}
@media (max-width: 1260px) {
  .x-peek5 .x-con .x-xia .x-public-next {
    display: none;
  }
}
.x-peek6 .pro610el {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .x-peek6 .pro610el {
    padding: 1.2rem 0 0.8rem;
  }
}
.x-peek6 .pro610el .container .pub_title {
  width: 67.125%;
}
@media (max-width: 767px) {
  .x-peek6 .pro610el .container .pub_title {
    width: 100%;
  }
}
.x-peek6 .pro610el .container .pub_title .x-p {
  color: #333333;
  line-height: 1.41;
  margin-top: 0.15rem;
}
.x-peek6 .pro610el .box .item {
  background-color: #fff;
}
.x-peek6 .pro610el .box .item .txt {
  width: 100%;
  padding-bottom: 0.25rem;
}
.x-peek6 .pro610el .box .item .txt h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.36;
  height: auto;
  display: block;
}
.x-peek7 {
  padding: 1.1rem 0 1.2rem;
}
.x-peek7 .container .x-xia {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.4rem 0 0.1rem;
  margin-top: 0.4rem;
}
.x-peek7 .container .x-xia:hover .x-text .x-tit {
  color: #0066cc;
}
@media (max-width: 991px) {
  .x-peek7 .container .x-xia {
    padding: 0.4rem 0;
    align-items: center;
  }
}
.x-peek7 .container .x-xia .x-text {
  width: 36%;
  padding: 1.2rem 0 0 1.5rem;
}
@media (max-width: 1260px) {
  .x-peek7 .container .x-xia .x-text {
    padding: 0.4rem 0 0 0.4rem;
  }
}
@media (max-width: 767px) {
  .x-peek7 .container .x-xia .x-text {
    width: 100%;
  }
}
.x-peek7 .container .x-xia .x-text .x-tit {
  line-height: 1.2;
  color: #111111;
  transition: 0.4s ease-in-out;
}
.x-peek7 .container .x-xia .x-text .x-p {
  color: #333333;
  margin-top: 0.15rem;
}
.x-peek7 .container .x-xia .x-ri {
  width: 44.375%;
  padding-right: 2.8rem;
}
@media (max-width: 991px) {
  .x-peek7 .container .x-xia .x-ri {
    padding-right: 1rem;
  }
}
@media (max-width: 767px) {
  .x-peek7 .container .x-xia .x-ri {
    width: 100%;
    padding: 0.6rem 0.8rem 0;
  }
}
.x-peek7 .container .x-xia .x-ri .public-img::before {
  padding-top: 93.23432343%;
}
.x-intr1 .x-con {
  position: relative;
}
.x-intr1 .x-con .public-img::before {
  padding-top: 43.22916667%;
}
@media (max-width: 767px) {
  .x-intr1 .x-con .public-img::before {
    padding-top: 61.229167%;
  }
}
@media (max-width: 767px) {
  .x-intr1 .x-con .public-img img:nth-child(1) {
    display: block;
  }
}
.x-intr1 .x-con .public-img img:nth-child(2) {
  display: none;
}
@media (max-width: 767px) {
  .x-intr1 .x-con .public-img img:nth-child(2) {
    display: block;
  }
}
.x-intr1 .x-con .x-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.4rem;
  z-index: 5;
}
@media (max-width: 767px) {
  .x-intr1 .x-con .x-text {
    bottom: 0.4rem;
  }
}
.x-intr1 .x-con .x-text .x-title {
  color: #000;
  margin-bottom: 0.2rem;
}
.x-intr1 .x-con .x-text .x-p {
  margin-bottom: 1rem;
}
.x-intr2 {
  padding: 1.3rem 0 0.9rem;
}
@media (max-width: 767px) {
  .x-intr2 {
    padding: 1.2rem 0 0rem;
  }
}
.x-intr2 .container ul {
  margin-top: 0.7rem;
}
.x-intr2 .container ul li {
  margin-bottom: 0.55rem;
}
@media (max-width: 767px) {
  .x-intr2 .container ul li {
    margin-bottom: 0.4rem;
  }
}
.x-intr2 .container ul li:nth-child(2n) a .x-le {
  padding-left: 0;
  padding-right: 2rem;
}
@media (max-width: 991px) {
  .x-intr2 .container ul li:nth-child(2n) a .x-le {
    padding-right: 1rem;
  }
}
@media (max-width: 767px) {
  .x-intr2 .container ul li:nth-child(2n) a .x-le {
    padding-right: 0;
  }
}
.x-intr2 .container ul li:nth-child(2n) a .x-text {
  order: -1;
  padding-left: 2rem;
  padding-right: 0;
}
@media (max-width: 991px) {
  .x-intr2 .container ul li:nth-child(2n) a .x-text {
    padding-left: 1rem;
  }
}
@media (max-width: 767px) {
  .x-intr2 .container ul li:nth-child(2n) a .x-text {
    order: 1;
    padding-left: 0;
  }
}
.x-intr2 .container ul li a {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.7rem 0 0.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .x-intr2 .container ul li a {
    padding: 0.7rem 0.4rem;
  }
}
.x-intr2 .container ul li a:hover .x-text .x-tit {
  color: #0066cc;
}
.x-intr2 .container ul li a .x-le {
  width: 45%;
  padding-left: 2rem;
}
@media (max-width: 991px) {
  .x-intr2 .container ul li a .x-le {
    padding-left: 1rem;
  }
}
@media (max-width: 767px) {
  .x-intr2 .container ul li a .x-le {
    width: 100%;
    padding-left: 0;
  }
}
.x-intr2 .container ul li a .x-le .public-img::before {
  padding-top: 93.23432343%;
}
.x-intr2 .container ul li a .x-text {
  width: 44.375%;
  padding-right: 0.4rem;
}
@media (max-width: 767px) {
  .x-intr2 .container ul li a .x-text {
    width: 100%;
    text-align: center;
    margin-top: 0.2rem;
  }
}
.x-intr2 .container ul li a .x-text .x-tit {
  color: #000;
  line-height: 1.125;
  transition: 0.4s ease-in-out;
}
.x-intr2 .container ul li a .x-text .public-btn {
  margin-top: 0.7rem;
}
@media (max-width: 767px) {
  .x-intr2 .container ul li a .x-text .public-btn {
    margin-top: 0.3rem;
  }
}
.x-vali1 {
  padding: 1.4rem 0;
}
@media (max-width: 767px) {
  .x-vali1 {
    padding: 1.2rem 0;
  }
}
.x-vali1 .container {
  background-color: #f7f7f7;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.5rem 0.5rem 0.5rem 0.6rem;
}
@media (max-width: 1580px) {
  .x-vali1 .container {
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .x-vali1 .container {
    padding: 0.4rem;
  }
}
.x-vali1 .container .x-le {
  width: 42.95%;
}
@media (max-width: 991px) {
  .x-vali1 .container .x-le {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-vali1 .container .x-le .x-p {
  color: #333;
  line-height: 1.33;
}
.x-vali1 .container .x-ri {
  width: 50.33%;
}
@media (max-width: 991px) {
  .x-vali1 .container .x-ri {
    width: 100%;
    order: -1;
  }
}
.x-vali1 .container .x-ri .public-img::before {
  padding-top: 66.66666667%;
}
.x-public-xzai {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.24rem;
  height: 0.5rem;
  line-height: 0.5rem;
  border: 1px solid #045ec3;
  transition: 0.4s ease-in-out;
  padding: 0 0.2rem;
}
@media (max-width: 1580px) {
  .x-public-xzai {
    height: 0.6rem;
    line-height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .x-public-xzai {
    height: 0.8rem;
    line-height: 0.8rem;
  }
}
.x-public-xzai:hover {
  background-color: #fff !important;
  border-color: #045ec3 !important;
}
.x-public-xzai:hover i svg path {
  fill: #045ec3 !important;
}
.x-public-xzai:hover span {
  color: #045ec3 !important;
}
.x-public-xzai i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
@media (max-width: 1580px) {
  .x-public-xzai i {
    width: 14px;
    height: 14px;
  }
}
.x-public-xzai i svg {
  width: 100%;
  height: 100%;
}
.x-public-xzai i svg path {
  fill: #045ec3;
}
.x-public-xzai span {
  display: inline-block;
  margin-left: 0.1rem;
  text-transform: uppercase;
  color: #045ec3;
}
.x-vali2 {
  background-color: #f7f7f7;
  padding: 1.3rem 0 1rem;
}
@media (max-width: 767px) {
  .x-vali2 {
    padding: 1.2rem 0 1rem;
  }
}
.x-vali2 .container ul {
  margin-top: 0.5rem;
}
.x-vali2 .container ul li {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 0.35rem 0.6rem 0.35rem 0.3rem;
  transition: 0.4s ease-in-out;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .x-vali2 .container ul li {
    padding: 0.3rem;
  }
}
.x-vali2 .container ul li:hover {
  background-color: #045ec3;
}
.x-vali2 .container ul li:hover .x-le .public-img img {
  transform: scale(1.08);
}
.x-vali2 .container ul li:hover .x-ri .x-tl .x-tit {
  color: #fff;
}
.x-vali2 .container ul li:hover .x-ri .x-tl .x-g {
  color: #fff;
}
.x-vali2 .container ul li:hover .x-ri .x-tl .x-g i svg path {
  fill: #fff;
}
.x-vali2 .container ul li:hover .x-ri .x-p {
  color: #fff;
}
.x-vali2 .container ul li:hover .x-ri .x-a .x-public-xzai {
  border-color: #fff;
}
.x-vali2 .container ul li:hover .x-ri .x-a .x-public-xzai i svg path {
  fill: #fff;
}
.x-vali2 .container ul li:hover .x-ri .x-a .x-public-xzai span {
  color: #fff;
}
.x-vali2 .container ul li .x-le {
  width: 31.78%;
}
@media (max-width: 767px) {
  .x-vali2 .container ul li .x-le {
    width: 100%;
  }
}
.x-vali2 .container ul li .x-le .public-img::before {
  padding-top: 60.41666667%;
}
.x-vali2 .container ul li .x-ri {
  width: 64.23%;
}
@media (max-width: 767px) {
  .x-vali2 .container ul li .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-vali2 .container ul li .x-ri .x-tl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-vali2 .container ul li .x-ri .x-tl .x-tit {
  display: inline-block;
  text-transform: uppercase;
  width: 80%;
  transition: 0.4s ease-in-out;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 1260px) {
  .x-vali2 .container ul li .x-ri .x-tl .x-tit {
    width: 74%;
  }
}
@media (max-width: 991px) {
  .x-vali2 .container ul li .x-ri .x-tl .x-tit {
    width: 63%;
  }
}
@media (max-width: 767px) {
  .x-vali2 .container ul li .x-ri .x-tl .x-tit {
    width: 100%;
  }
}
.x-vali2 .container ul li .x-ri .x-tl .x-g {
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  color: #045ec3;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-vali2 .container ul li .x-ri .x-tl .x-g {
    margin-top: 0.15rem;
  }
}
.x-vali2 .container ul li .x-ri .x-tl .x-g i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 0.1rem;
}
.x-vali2 .container ul li .x-ri .x-tl .x-g i svg {
  width: 100%;
  height: 100%;
}
.x-vali2 .container ul li .x-ri .x-tl .x-g i svg path {
  fill: #045ec3;
  transition: 0.4s ease-in-out;
}
.x-vali2 .container ul li .x-ri .x-tl .x-g span {
  text-decoration: underline;
}
.x-vali2 .container ul li .x-ri .x-p {
  display: block;
  color: #333333;
  line-height: 1.375;
  margin-top: 0.3rem;
  transition: 0.4s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  height: 6.875em;
}
.x-vali2 .container ul li .x-ri .x-a {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
@media (max-width: 1580px) {
  .x-vali2 .container ul li .x-ri .x-a {
    margin-top: 0.3rem;
  }
}
.x-vali2 .container ul li .x-ri .x-a .x-public-xzai {
  margin-right: 0.2rem;
  margin-top: 0.1rem;
}
.x-3pro1 {
  padding: 1.4rem 0 1.5rem;
}
@media (max-width: 767px) {
  .x-3pro1 {
    padding: 1.2rem 0;
  }
}
.x-3pro1 .x-xia {
  margin-top: 0.75rem;
}
.x-3pro1 .x-xia .container {
  background-color: #fff;
  padding: 0.4rem 0.6rem;
  box-shadow: 0 0 0.65rem rgba(0, 0, 0, 0.09);
  position: relative;
}
@media (max-width: 767px) {
  .x-3pro1 .x-xia .container {
    padding: 0.4rem;
  }
}
.x-3pro1 .x-xia .container .x-t .swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.x-3pro1 .x-xia .container .x-t .swiper-container .swiper-wrapper .swiper-slide .x-le {
  margin-top: 0.9rem;
  width: 31.09%;
  padding-right: 0.2rem;
}
@media (max-width: 991px) {
  .x-3pro1 .x-xia .container .x-t .swiper-container .swiper-wrapper .swiper-slide .x-le {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .x-3pro1 .x-xia .container .x-t .swiper-container .swiper-wrapper .swiper-slide .x-le {
    margin-top: 0;
  }
}
.x-3pro1 .x-xia .container .x-t .swiper-container .swiper-wrapper .swiper-slide .x-le .x-tit {
  color: #111111;
}
.x-3pro1 .x-xia .container .x-t .swiper-container .swiper-wrapper .swiper-slide .x-le .x-sp {
  margin-top: 0.15rem;
}
.x-3pro1 .x-xia .container .x-t .swiper-container .swiper-wrapper .swiper-slide .x-le .x-sp p {
  display: flex;
  color: #333333;
}
.x-3pro1 .x-xia .container .x-t .swiper-container .swiper-wrapper .swiper-slide .x-le .x-sp p i {
  display: inline-flex;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #333333;
  position: relative;
  top: 0.6em;
  flex-shrink: 0;
}
.x-3pro1 .x-xia .container .x-t .swiper-container .swiper-wrapper .swiper-slide .x-le .x-sp p span {
  display: inline-block;
  padding-left: 0.15rem;
}
.x-3pro1 .x-xia .container .x-t .swiper-container .swiper-wrapper .swiper-slide .public-img {
  width: 68.91%;
}
@media (max-width: 991px) {
  .x-3pro1 .x-xia .container .x-t .swiper-container .swiper-wrapper .swiper-slide .public-img {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-3pro1 .x-xia .container .x-t .swiper-container .swiper-wrapper .swiper-slide .public-img::before {
  padding-top: 54.6705998%;
}
.x-3pro1 .x-xia .container .x-x {
  margin-top: 0.35rem;
}
.x-3pro1 .x-xia .container .x-x .swiper-container .swiper-wrapper .swiper-slide {
  cursor: pointer;
}
.x-3pro1 .x-xia .container .x-x .swiper-container .swiper-wrapper .swiper-slide:hover p {
  color: #111;
}
.x-3pro1 .x-xia .container .x-x .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active i::before {
  animation: prowid 5.8s linear infinite;
}
.x-3pro1 .x-xia .container .x-x .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p {
  color: #111111;
}
.x-3pro1 .x-xia .container .x-x .swiper-container .swiper-wrapper .swiper-slide i {
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
  position: relative;
}
.x-3pro1 .x-xia .container .x-x .swiper-container .swiper-wrapper .swiper-slide i::before {
  content: "";
  height: 2px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #045ec3;
}
.x-3pro1 .x-xia .container .x-x .swiper-container .swiper-wrapper .swiper-slide p {
  color: #666666;
  line-height: 1.22;
  transition: 0.4s ease-in-out;
  margin-top: 0.15rem;
}
@media (max-width: 1580px) {
  .x-3pro1 .x-xia .container .x-x .swiper-container .swiper-wrapper .swiper-slide p br {
    display: none;
  }
}
.x-3pro1 .x-xia .container .x-public-prev {
  position: absolute;
  left: -1rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1260px) {
  .x-3pro1 .x-xia .container .x-public-prev {
    display: none;
  }
}
.x-3pro1 .x-xia .container .x-public-next {
  position: absolute;
  right: -1rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1260px) {
  .x-3pro1 .x-xia .container .x-public-next {
    display: none;
  }
}
@keyframes prowid {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.x-3bj {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.x-3pro2 {
  padding: 0 0 1.2rem 0;
}
.x-3pro3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 1.3rem 0 1.1rem;
}
@media (max-width: 767px) {
  .x-3pro3 {
    padding: 1.2rem 0 0.8rem;
  }
}
.x-3pro3 .x-top .pub_title h2 {
  color: #fff;
}
.x-3pro3 .x-top .pub_title p {
  color: rgba(255, 255, 255, 0.6);
}
.x-3pro3 .x-zhong {
  margin-top: 0.7rem;
}
.x-3pro3 .x-zhong .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-3pro3 .x-zhong .container .x-text {
  width: 44.375%;
  padding-left: 0.8rem;
  margin-top: 1.8rem;
}
@media (max-width: 767px) {
  .x-3pro3 .x-zhong .container .x-text {
    width: 100%;
    padding-left: 0;
    margin-top: 0.4rem;
  }
}
.x-3pro3 .x-zhong .container .x-text .x-tit {
  color: #ffffff;
}
.x-3pro3 .x-zhong .container .x-text .x-p {
  color: #ffffff;
  line-height: 1.33;
  margin-top: 0.2rem;
}
.x-3pro3 .x-zhong .container .x-ri {
  width: 45.625%;
  padding-right: 0.8rem;
}
@media (max-width: 767px) {
  .x-3pro3 .x-zhong .container .x-ri {
    width: 100%;
    padding-right: 0;
    margin-top: 0.6rem;
  }
}
.x-3pro3 .x-zhong .container .x-ri .x-img {
  width: 100%;
  height: 7.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.x-3pro3 .x-zhong .container .x-ri .x-img img {
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.x-3pro3 .pro610el {
  padding: 0;
}
.x-3pro3 .pro610el .box .item .txt h3 {
  -webkit-line-clamp: 2;
  height: 2.36em;
}
.x-3pro4 .pro610el {
  padding: 1.1rem 0 0 0;
}
.x-3pro4 .pro610el .box .item .txt h3 {
  -webkit-line-clamp: 2;
  height: 2.36em;
}
.x-3pro5 {
  padding: 1.1rem 0 1.66rem 0;
}
.x-3pro5 .container .x-xia {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-3pro5 .container .x-xia .x-le {
  width: 39.375%;
  background-color: #1b2126;
  padding: 0.9rem 0.6rem 0.7rem;
}
@media (max-width: 991px) {
  .x-3pro5 .container .x-xia .x-le {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .x-3pro5 .container .x-xia .x-le {
    padding: 1.1rem 0.4rem 0.6rem;
  }
}
.x-3pro5 .container .x-xia .x-le .x-tit {
  color: #ffffff;
  text-transform: uppercase;
  line-height: 1.08;
}
@media (max-width: 1580px) {
  .x-3pro5 .container .x-xia .x-le .x-tit {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .x-3pro5 .container .x-xia .x-le .x-tit {
    font-size: 0.48rem;
  }
}
.x-3pro5 .container .x-xia .x-le ul {
  margin-top: 0.55rem;
}
.x-3pro5 .container .x-xia .x-le ul li {
  background-color: #282e33;
  padding: 0.25rem 0.3rem;
  margin-bottom: 10px;
  min-height: 1rem;
  display: flex;
  align-items: center;
}
.x-3pro5 .container .x-xia .x-le ul li p {
  color: #ffffff;
  line-height: 1.375;
}
.x-3pro5 .container .x-xia .x-ri {
  width: 58.125%;
}
@media (max-width: 991px) {
  .x-3pro5 .container .x-xia .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-3pro5 .container .x-xia .x-ri ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-3pro5 .container .x-xia .x-ri ul li {
  width: 50%;
  border-right: 1px solid #f2f2f2;
  border-top: 1px solid #f2f2f2;
}
.x-3pro5 .container .x-xia .x-ri ul li:nth-child(2n - 1) {
  padding: 0.24rem 0.3rem 0.2rem 0;
}
.x-3pro5 .container .x-xia .x-ri ul li:nth-child(2n) {
  padding: 0.24rem 0rem 0.2rem 0.3rem;
  border-right: none;
}
.x-3pro5 .container .x-xia .x-ri ul li:nth-child(1),
.x-3pro5 .container .x-xia .x-ri ul li:nth-child(2) {
  padding-top: 0;
  border-top: none;
}
.x-3pro5 .container .x-xia .x-ri ul li:nth-last-child(1),
.x-3pro5 .container .x-xia .x-ri ul li:nth-last-child(2) {
  padding-bottom: 0;
}
.x-3pro5 .container .x-xia .x-ri ul li .x-box {
  width: 100%;
}
.x-3pro5 .container .x-xia .x-ri ul li .x-box .public-img::before {
  padding-top: 81.22065728%;
}
.x-3pro5 .container .x-xia .x-ri ul li .x-box .x-tit2 {
  color: #111111;
  margin-top: 0.1rem;
}
.x-3pro6 .htw .box .gl .htw_nav {
  margin-bottom: 10px;
}
.x-3pro6 .htw .box .gl .htw_nav .tit {
  padding: 0.42rem 0.3rem 0.42rem 0.4rem;
}
@media (max-width: 1580px) {
  .x-3pro6 .htw .box .gl .htw_nav .tit {
    padding: 0.3rem 0.3rem 0.3rem 0.4rem;
  }
}
.x-3pro6 .htw .box .gl .htw_nav .htw_con {
  padding-bottom: 1.25rem;
}
@media (max-width: 1580px) {
  .x-3pro6 .htw .box .gl .htw_nav .htw_con {
    padding-bottom: 0.4rem;
  }
}
.x-3pro7 {
  background-color: #1b2126;
  padding: 1.2rem 0 1rem;
}
.x-3pro7 .container .pub_title {
  text-align: center;
}
.x-3pro7 .container .pub_title h2 {
  color: #fff;
}
.x-3pro7 .container .pub_title p {
  color: rgba(255, 255, 255, 0.5);
}
.x-3pro7 .container ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 1rem;
}
@media (max-width: 991px) {
  .x-3pro7 .container ul {
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .x-3pro7 .container ul {
    justify-content: center;
    margin-top: 0.4rem;
  }
}
.x-3pro7 .container ul li {
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 100%;
  background-color: rgba(19, 23, 27, 0.28);
  padding: 0.3rem;
  position: relative;
}
@media (max-width: 991px) {
  .x-3pro7 .container ul li {
    margin-bottom: 0.4rem;
  }
}
.x-3pro7 .container ul li:last-child::before {
  display: none;
}
.x-3pro7 .container ul li::before {
  content: "";
  width: 0.98rem;
  height: 2.84rem;
  background: url('../images/x-3pro25.png') no-repeat center;
  background-size: contain;
  position: absolute;
  right: -0.49rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .x-3pro7 .container ul li::before {
    display: none;
  }
}
.x-3pro7 .container ul li .x-box {
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.37);
  border-radius: 100%;
  border: 1px solid rgba(214, 214, 214, 0.37);
  padding-top: 0.8rem;
}
.x-3pro7 .container ul li .x-box .public-img {
  width: 2.2rem;
  margin: 0 auto;
}
.x-3pro7 .container ul li .x-box .x-tit {
  display: block;
  text-align: center;
  margin: 0.1rem 0.5rem 0;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 1580px) {
  .x-3pro7 .container ul li .x-box .x-tit {
    margin: 0.1rem 0.6rem 0;
  }
}
@media (max-width: 767px) {
  .x-3pro7 .container ul li .x-box .x-tit {
    margin: 0.1rem 0.7rem 0;
  }
}
.x-3pro8 .pro610thi .box .item {
  width: calc((100% - 0.4rem) / 3);
  margin: 0 0.2rem 0.2rem 0;
}
@media (max-width: 991px) {
  .x-3pro8 .pro610thi .box .item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .x-3pro8 .pro610thi .box .item {
    margin: 0 0 0.5rem 0;
  }
}
.x-3pro8 .pro610thi .box .item:nth-child(4n) {
  margin-right: 0.2rem;
}
.x-3pro8 .pro610thi .box .item:nth-child(3n) {
  margin-right: 0;
}
.x-3pro8 .pro610thi .box .item .public-img::before {
  padding-top: 67.30769231%;
}
.x-3pro4_2 .pro610el {
  padding-bottom: 1.1rem;
}
.x-pro-co1 .x-con ul li {
  position: relative;
  padding: 1.5rem 0 0.8rem;
}
.x-pro-co1 .x-con ul li .x-img-bj {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.x-pro-co1 .x-con ul li .x-img-bj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x-pro-co1 .x-con ul li .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 5;
}
.x-pro-co1 .x-con ul li .container .x-le {
  width: 43.75%;
  padding-left: 1.15rem;
}
@media (max-width: 1580px) {
  .x-pro-co1 .x-con ul li .container .x-le {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .x-pro-co1 .x-con ul li .container .x-le {
    width: 100%;
  }
}
.x-pro-co1 .x-con ul li .container .x-le .x-img {
  width: 100%;
  height: 6.74rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.x-pro-co1 .x-con ul li .container .x-le .x-img img {
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.x-pro-co1 .x-con ul li .container .x-ri {
  width: 45%;
  margin-top: 1.1rem;
}
@media (max-width: 1580px) {
  .x-pro-co1 .x-con ul li .container .x-ri {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .x-pro-co1 .x-con ul li .container .x-ri {
    width: 100%;
  }
}
.x-pro-co1 .x-con ul li .container .x-ri .x-tit {
  text-transform: uppercase;
  color: #fff;
  line-height: 1.07;
}
.x-pro-co1 .x-con ul li .container .x-ri .x-p {
  color: #ffffff;
  text-transform: uppercase;
  margin-top: 0.15rem;
}
.x-pro-co1 .x-con ul li .container .x-ri .x-sp {
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .x-pro-co1 .x-con ul li .container .x-ri .x-sp {
    margin-top: 0.3rem;
  }
}
.x-pro-co1 .x-con ul li .container .x-ri .x-sp p {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0.1rem;
}
.x-pro-co1 .x-con ul li .container .x-ri .x-sp p i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  border-radius: 2px;
  flex-shrink: 0;
  position: relative;
  top: 0.4em;
  margin-right: 0.14rem;
}
@media (max-width: 1580px) {
  .x-pro-co1 .x-con ul li .container .x-ri .x-sp p i {
    top: 0.3em;
  }
}
.x-pro-co1 .x-con ul li .container .x-ri .x-sp p i img,
.x-pro-co1 .x-con ul li .container .x-ri .x-sp p i svg {
  width: 10px;
  height: 10px;
  object-fit: contain;
}
.x-pro-co1 .x-con ul li .container .x-ri .x-sp p span {
  color: #ffffff;
}
.x-pro-co1 .x-con ul li .container .x-ri .x-a {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.7rem;
}
@media (max-width: 767px) {
  .x-pro-co1 .x-con ul li .container .x-ri .x-a {
    margin-top: 0.4rem;
  }
}
.x-pro-co1 .x-con ul li .container .x-ri .x-a a {
  margin-right: 0.2rem;
}
@media (max-width: 1580px) {
  .x-pro-co1 .x-con ul li .container .x-ri .x-a a {
    margin-bottom: 0.1rem;
  }
}
@media (max-width: 767px) {
  .x-pro-co1 .x-con ul li .container .x-ri .x-a a {
    margin-bottom: 0.2rem;
  }
}
.x-pro-co2 .hfo {
  background-color: #f7f7f7;
}
.x-pro-co2 .hfo .box .item .txt {
  background-color: #fff;
}
.x-pub_txt {
  background-color: #fff;
  box-shadow: 0 0 0.65rem rgba(0, 0, 0, 0.09);
  padding: 0.4rem 0.3rem 0.7rem;
}
.x-pub_txt .x-tit {
  color: #111111;
}
.x-pub_txt .x-p {
  color: #333333;
  line-height: 1.33;
  margin-top: 0.15rem;
}
.x-pro-ht1 {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.3rem 0 1.1rem;
}
@media (max-width: 767px) {
  .x-pro-ht1 {
    padding-top: 1.2rem;
  }
}
.x-pro-ht1 .container .x-top {
  margin-top: 0.55rem;
}
.x-pro-ht1 .container ul {
  margin-top: 0.3rem;
}
@media (max-width: 767px) {
  .x-pro-ht1 .container ul {
    margin-top: 0.4rem;
  }
}
.x-pro-ht1 .container ul li {
  background-color: #f7f7f7;
  padding: 0.3rem;
  margin-bottom: 0.3rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 767px) {
  .x-pro-ht1 .container ul li {
    margin-bottom: 0.4rem;
  }
}
.x-pro-ht1 .container ul li:nth-child(2n) .x-text {
  order: -1;
  padding: 0 1rem 0 0.7rem;
}
@media (max-width: 767px) {
  .x-pro-ht1 .container ul li:nth-child(2n) .x-text {
    padding: 0;
    order: 1;
  }
}
.x-pro-ht1 .container ul li .public-img {
  width: 50%;
}
@media (max-width: 767px) {
  .x-pro-ht1 .container ul li .public-img {
    width: 100%;
  }
}
.x-pro-ht1 .container ul li .public-img::before {
  padding-top: 64.93506494%;
}
.x-pro-ht1 .container ul li .x-text {
  width: 50%;
  padding-left: 1rem;
}
@media (max-width: 767px) {
  .x-pro-ht1 .container ul li .x-text {
    width: 100%;
    padding-left: 0;
    margin-top: 0.3rem;
  }
}
.x-pro-ht1 .container ul li .x-text .x-tit {
  color: #111111;
}
.x-pro-ht1 .container ul li .x-text .x-p {
  color: #333333;
  margin-top: 0.15rem;
  line-height: 1.33;
}
.x-pro-ht2 .pro610ni .box .item {
  width: calc((100% - 0.9rem) / 4);
  padding: 0.98rem 0.3rem 0.55rem;
}
@media (max-width: 991px) {
  .x-pro-ht2 .pro610ni .box .item {
    width: 100%;
  }
}
.x-pro-ht2 .pro610ni .box .item:nth-child(3n) {
  margin-right: 0.3rem;
}
@media (max-width: 991px) {
  .x-pro-ht2 .pro610ni .box .item:nth-child(3n) {
    margin-right: 0;
  }
}
.x-pro-ht2 .pro610ni .box .item:nth-child(4n) {
  margin-right: 0;
}
.x-pro-ht3 .pro610se {
  padding-bottom: 0.2rem;
}
.x-pro-ht3 .pro610se .pub_title {
  text-align: center;
  margin-bottom: 0.5rem;
}
.x-4pro1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.x-4pro1 .pro610th {
  padding: 1.3rem 0 1.1rem;
}
@media (max-width: 767px) {
  .x-4pro1 .pro610th {
    padding: 1.2rem 0 0.8rem;
  }
}
.x-4pro1 .pro610th .container .x-top {
  margin-top: 0.55rem;
}
.x-4pro2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.x-4pro2 .pro610th {
  padding: 1.3rem 0 1.1rem;
}
.x-4pro3 {
  background-color: #fff;
}
.x-4pro3 .pro610si {
  padding: 1.3rem 0 0.5rem;
}
.x-4pro4 .pro610th {
  background-color: #f7f7f7;
  padding-bottom: 0.3rem;
}
.x-4pro4 .pro610th .pub_twbox .pub_twbox_con {
  background-color: #fff;
}
.x-4pro5 .x-3pro5 {
  padding-bottom: 1.3rem;
}
.x-4pro5 .x-3pro5 .container .x-xia {
  margin-top: 0.35rem;
}
.x-4pro5 .x-3pro5 .container .x-xia .x-le ul {
  margin-top: 0.75rem;
}
.x-4pro5 .x-3pro5 .container .x-xia .x-le ul li {
  padding: 0.15rem 0.3rem;
  min-height: 0.8rem;
  margin-bottom: 20px;
}
.x-4pro5 .x-3pro5 .container .x-xia .x-ri .public-img::before {
  padding-top: 80.90614887%;
}
.x-4pro6 {
  padding: 0 0 0.8rem 0;
}
.x-4pro6 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.15rem;
  margin-top: 0.5rem;
}
.x-4pro6 .container ul li {
  width: 25%;
  padding: 0 0.15rem;
  display: flex;
  padding-bottom: 0.3rem;
}
@media (max-width: 991px) {
  .x-4pro6 .container ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-4pro6 .container ul li {
    width: 100%;
  }
}
.x-4pro6 .container ul li .x-box {
  width: 100%;
  background-color: #f7f7f7;
  padding: 0.6rem 0.2rem 0.3rem 0.4rem;
}
.x-4pro6 .container ul li .x-box .x-img {
  width: 0.9rem;
  height: 0.9rem;
}
.x-4pro6 .container ul li .x-box .x-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-4pro6 .container ul li .x-box .x-text {
  margin-top: 0.55rem;
}
.x-4pro6 .container ul li .x-box .x-text .x-tit {
  color: #111111;
}
.x-4pro6 .container ul li .x-box .x-text .x-p {
  margin-top: 0.15rem;
  color: #333333;
}
.x-4pro7 {
  padding-bottom: 0.1rem;
}
.x-4pro7 .x-top {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.x-4pro7 .x-top .pub_title {
  text-align: center;
  padding: 1.1rem 0 2.2rem;
}
.x-4pro7 .x-xia {
  margin-top: -1.65rem;
}
.x-4pro7 .x-xia ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.15rem;
}
.x-4pro7 .x-xia ul li {
  width: 33.33%;
  padding: 0 0.15rem 0.3rem;
  display: flex;
}
@media (max-width: 767px) {
  .x-4pro7 .x-xia ul li {
    width: 100%;
  }
}
.x-4pro7 .x-xia ul li .x-img {
  width: 100%;
  height: 3.3rem;
  box-shadow: 0 0 0.28rem rgba(0, 0, 0, 0.07);
}
.x-4pro7 .x-xia ul li .x-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x-4pro8 .pro610en {
  background-color: #fff;
}
@media (max-width: 767px) {
  .x-4pro8 .pro610en {
    padding-top: 0.8rem;
  }
}
.x-4pro9 .pro610el {
  padding-top: 0;
}
.x-4pro9 .pro610el .box .item .txt {
  width: 100%;
}
.x-4pro9 .pro610el .box .item .txt h3 {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: initial;
  height: auto;
}
.x-4pro9 .pro610el .box .item .txt p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 3.99em;
}
.x-4pro9 .pro610el .box .item .txt .public-btn {
  margin-top: 0.25rem;
}
.x-4pro9 .pro610el .box .item .txt .public-btn span {
  text-transform: uppercase;
  color: #045ec3;
}
.x-4pro9 .pro610el .box .item .txt .public-btn svg path {
  fill: #045ec3;
}
.x-about1 {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.2rem 0 1.4rem;
}
@media (max-width: 767px) {
  .x-about1 {
    padding: 1.2rem 0;
  }
}
.x-about1 .container .x-title {
  text-align: center;
  line-height: 1.1;
}
@media (max-width: 991px) {
  .x-about1 .container .x-title br {
    display: none;
  }
}
.x-about1 .container .x-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.5rem;
}
.x-about1 .container .x-top .x-le {
  width: 51.25%;
  position: relative;
  padding: 0.25rem;
}
@media (max-width: 991px) {
  .x-about1 .container .x-top .x-le {
    width: 100%;
  }
}
.x-about1 .container .x-top .x-le::before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-color: #045ec3;
  position: absolute;
  left: 0;
  top: 0;
}
.x-about1 .container .x-top .x-le::after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-color: #045ec3;
  position: absolute;
  right: 0;
  bottom: 0;
}
.x-about1 .container .x-top .x-le .public-img::before {
  padding-top: 67.53246753%;
}
.x-about1 .container .x-top .x-ri {
  width: 41.875%;
}
@media (max-width: 991px) {
  .x-about1 .container .x-top .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-about1 .container .x-top .x-ri .x-p {
  color: #111111;
}
.x-about1 .container .x-xia {
  margin-top: 1.4rem;
}
@media (max-width: 991px) {
  .x-about1 .container .x-xia {
    margin-top: 0.8rem;
  }
}
.x-about1 .container .x-xia .x-p {
  color: #111111;
  line-height: 1.44;
}
.x-about1 .container .x-xia .public-img {
  margin-top: 0.35rem;
}
.x-about1 .container .x-xia .public-img::before {
  padding-top: 50%;
}
.x-about2 .hth {
  background-color: #efeff1;
}
@media (max-width: 767px) {
  .x-about2 .hth {
    padding: 1.2rem 0;
  }
}
.x-about2 .hth .container .pub_title {
  text-align: center;
}
.x-about2 .hth .box .item {
  background-color: #fff;
}
.x-about2 .hth .box .item .txt h3 {
  color: #111111;
}
.x-about2 .hth .box .item .txt .g_p p {
  color: #333333;
}
.x-about3 .x-top {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.3rem 0 2.2rem;
}
.x-about3 .x-top .pub_title p {
  line-height: 1.33;
  margin-top: 0.18rem;
}
.x-about3 .x-xia {
  padding: 0.5rem 0.6rem;
  background-color: #fff;
  margin-top: -1.6rem;
  position: relative;
  z-index: 5;
  box-shadow: 0 0 0.36rem rgba(0, 0, 0, 0.04);
}
.x-about3 .x-xia ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.15rem;
}
.x-about3 .x-xia ul li {
  width: 20%;
  padding: 0 0.15rem 0.3rem;
}
@media (max-width: 991px) {
  .x-about3 .x-xia ul li {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .x-about3 .x-xia ul li {
    width: 50%;
  }
}
.x-about3 .x-xia ul li .x-img {
  width: 100%;
  height: 1.16rem;
  background-color: #f7f7f7;
  border-radius: 0.06rem;
  overflow: hidden;
}
.x-about3 .x-xia ul li .x-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x-about4 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.3rem 0 0.8rem;
}
.x-about4 .container .pub_title {
  text-align: center;
}
.x-about4 .container .pub_title p {
  margin-top: 0.35rem;
}
.x-about4 .container .pub_title .x-box {
  display: flex;
  justify-content: center;
  margin-top: 0.45rem;
}
.x-about4 .container .pub_title .x-box .x-p {
  display: flex;
  align-items: center;
  margin: 0 0.15rem;
}
.x-about4 .container .pub_title .x-box .x-p:nth-child(2) {
  display: none;
}
.x-about4 .container .pub_title .x-box .x-p i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-right: 0.1rem;
}
.x-about4 .container .pub_title .x-box .x-p i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-about4 .container .pub_title .x-box .x-p span {
  color: #111111;
}
.x-about4 .container .x-xia {
  margin-top: 0.55rem;
  position: relative;
}
.x-about4 .container .x-xia .public-img::before {
  padding-top: 45.125%;
}
.x-about4 .container .x-xia .x-txt {
  display: none;
}
.x-about4 .container .x-xia .x-txt .x-ab {
  width: 0;
  height: 0;
  position: absolute;
  z-index: 10;
}
.x-about4 .container .x-xia .x-txt .x-ab i {
  display: inline-block;
}
.x-about4 .container .x-xia .x-txt .x-ab i:nth-child(1) {
  width: 8px;
  height: 8px;
  background-color: #2382e0;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
@media (max-width: 767px) {
  .x-about4 .container .x-xia .x-txt .x-ab i:nth-child(1) {
    width: 4px;
    height: 4px;
  }
}
.x-about4 .container .x-xia .x-txt .x-ab i:nth-child(2) {
  width: 8px;
  height: 8px;
  background-color: #2382e0;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  animation: qsacle 3s linear infinite;
}
@media (max-width: 767px) {
  .x-about4 .container .x-xia .x-txt .x-ab i:nth-child(2) {
    width: 4px;
    height: 4px;
  }
}
.x-about4 .container .x-xia .x-txt .x-ab i:nth-child(3) {
  width: 8px;
  height: 8px;
  background-color: #2382e0;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  animation: qsacle 3s 1.5s linear infinite;
}
@media (max-width: 767px) {
  .x-about4 .container .x-xia .x-txt .x-ab i:nth-child(3) {
    width: 4px;
    height: 4px;
  }
}
.x-about4 .container .x-xia .x-tl .x-li {
  position: absolute;
  z-index: 12;
  width: 1px;
  height: 1px;
}
.x-about4 .container .x-xia .x-tl .x-li.x-t2 .x-bx .x-cn .x-tt {
  left: -163px;
  top: -17px;
}
@media (max-width: 1580px) {
  .x-about4 .container .x-xia .x-tl .x-li.x-t2 .x-bx .x-cn .x-tt {
    left: -155px;
  }
}
.x-about4 .container .x-xia .x-tl .x-li.x-t2 .x-bx .x-cn .x-tt .x-i3 {
  top: 7px;
}
.x-about4 .container .x-xia .x-tl .x-li.x-t3 .x-bx .x-cn .x-tt {
  width: 190px;
  left: 7px;
  top: 19px;
}
.x-about4 .container .x-xia .x-tl .x-li.x-t3 .x-bx .x-cn .x-tt span {
  position: relative;
  top: 13px;
}
.x-about4 .container .x-xia .x-tl .x-li.x-t3 .x-bx .x-cn .x-tt .x-i3 {
  width: 75px;
  order: -1;
  top: 2px;
}
.x-about4 .container .x-xia .x-tl .x-li.x-t4 .x-bx .x-cn .x-tt {
  width: 190px;
  left: 7px;
  top: 14px;
}
.x-about4 .container .x-xia .x-tl .x-li.x-t4 .x-bx .x-cn .x-tt span {
  position: relative;
  top: 13px;
}
.x-about4 .container .x-xia .x-tl .x-li.x-t4 .x-bx .x-cn .x-tt .x-i3 {
  width: 75px;
  order: -1;
  top: 2px;
}
.x-about4 .container .x-xia .x-tl .x-li.x-t5 .x-bx .x-cn .x-tt {
  width: 190px;
  left: 15px;
  top: -16px;
}
.x-about4 .container .x-xia .x-tl .x-li.x-t5 .x-bx .x-cn .x-tt span {
  position: relative;
  top: -6px;
}
.x-about4 .container .x-xia .x-tl .x-li.x-t5 .x-bx .x-cn .x-tt .x-i3 {
  width: 75px;
  order: -1;
  top: 2px;
}
.x-about4 .container .x-xia .x-tl .x-li .x-bx {
  display: flex;
  position: absolute;
}
.x-about4 .container .x-xia .x-tl .x-li .x-bx .x-cn {
  width: 26px;
  height: 26px;
}
@media (max-width: 767px) {
  .x-about4 .container .x-xia .x-tl .x-li .x-bx .x-cn {
    width: 0.28rem;
    height: 0.28rem;
  }
}
.x-about4 .container .x-xia .x-tl .x-li .x-bx .x-cn .x-i1 {
  display: inline-flex;
  width: 26px;
  height: 26px;
  position: relative;
}
@media (max-width: 767px) {
  .x-about4 .container .x-xia .x-tl .x-li .x-bx .x-cn .x-i1 {
    width: 0.28rem;
    height: 0.28rem;
  }
}
.x-about4 .container .x-xia .x-tl .x-li .x-bx .x-cn .x-i1 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-about4 .container .x-xia .x-tl .x-li .x-bx .x-cn .x-tt {
  position: absolute;
  width: 190px;
  display: flex;
  left: -180px;
  top: -20px;
}
@media (max-width: 1580px) {
  .x-about4 .container .x-xia .x-tl .x-li .x-bx .x-cn .x-tt {
    left: -177px;
  }
}
@media (max-width: 767px) {
  .x-about4 .container .x-xia .x-tl .x-li .x-bx .x-cn .x-tt {
    display: none;
  }
}
.x-about4 .container .x-xia .x-tl .x-li .x-bx .x-cn .x-tt span {
  color: #111111;
  display: inline-block;
  margin-right: 8px;
}
@media (max-width: 767px) {
  .x-about4 .container .x-xia .x-tl .x-li .x-bx .x-cn .x-tt span {
    font-size: 0.24rem;
  }
}
.x-about4 .container .x-xia .x-tl .x-li .x-bx .x-cn .x-tt .x-i3 {
  display: inline-flex;
  width: 90px;
  height: 26px;
  position: relative;
  top: 10px;
}
.x-about4 .container .x-xia .x-tl .x-li .x-bx .x-cn .x-tt .x-i3 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@keyframes qsacle {
  0% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(4);
  }
}
.x-com-rese1 {
  background-color: #efeff1;
  padding: 1.3rem 0 1.6rem;
}
.x-com-rese1 .container {
  padding: 0 2.8rem;
}
@media (max-width: 1260px) {
  .x-com-rese1 .container {
    padding: 0;
  }
}
.x-com-rese1 .container .x-top .x-title {
  text-transform: uppercase;
  color: #111111;
}
@media (max-width: 767px) {
  .x-com-rese1 .container .x-top .x-title {
    line-height: 1.1;
  }
}
.x-com-rese1 .container .x-top .x-p {
  color: #333333;
  margin-top: 0.08rem;
}
@media (max-width: 991px) {
  .x-com-rese1 .container .x-top .x-p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .x-com-rese1 .container .x-top .x-p {
    margin-top: 0.2rem;
  }
}
.x-com-rese1 .container .x-form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.4rem;
}
.x-com-rese1 .container .x-form .x-inp {
  width: 100%;
  margin-bottom: 0.25rem;
}
@media (max-width: 767px) {
  .x-com-rese1 .container .x-form .x-inp {
    margin-bottom: 0.4rem;
  }
}
.x-com-rese1 .container .x-form .x-inp.x-inp2 {
  width: 48.6%;
}
@media (max-width: 767px) {
  .x-com-rese1 .container .x-form .x-inp.x-inp2 {
    width: 100%;
  }
}
.x-com-rese1 .container .x-form .x-inp span {
  display: block;
  color: #111111;
  margin-bottom: 0.12rem;
}
@media (max-width: 767px) {
  .x-com-rese1 .container .x-form .x-inp span {
    font-size: 0.26rem;
    line-height: 1.2;
  }
}
.x-com-rese1 .container .x-form .x-inp span i {
  display: inline-block;
  font-style: initial;
  color: #eb3131;
}
.x-com-rese1 .container .x-form .x-inp input {
  display: block;
  background-color: #fff;
  width: 100%;
  height: 50px;
  padding: 0 0.12rem;
  color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 767px) {
  .x-com-rese1 .container .x-form .x-inp input {
    height: 0.8rem;
  }
}
.x-com-rese1 .container .x-form .x-inp input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.x-com-rese1 .container .x-form .x-inp textarea {
  display: block;
  background-color: #fff;
  width: 100%;
  height: 2rem;
  padding: 0.18rem 0.12rem;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 0.15rem;
}
@media (max-width: 767px) {
  .x-com-rese1 .container .x-form .x-inp textarea {
    height: 1.8rem;
  }
}
.x-com-rese1 .container .x-form .x-inp textarea::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.x-com-rese1 .container .x-form .x-txt {
  width: 100%;
  display: flex;
  padding-right: 0.2rem;
}
.x-com-rese1 .container .x-form .x-txt i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 1px solid #999999;
  flex-shrink: 0;
  transition: 0.4s ease-in-out;
  margin-right: 0.1rem;
  border-radius: 2px;
  cursor: pointer;
  margin-top: 0.2em;
}
@media (max-width: 767px) {
  .x-com-rese1 .container .x-form .x-txt i {
    margin-top: 0;
  }
}
.x-com-rese1 .container .x-form .x-txt i.on {
  border-color: #045ec3;
  background-color: #045ec3;
}
.x-com-rese1 .container .x-form .x-txt i.on img {
  opacity: 1;
}
.x-com-rese1 .container .x-form .x-txt i img {
  width: 10px;
  height: 10px;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.x-com-rese1 .container .x-form .x-txt p {
  color: #999999;
}
@media (max-width: 767px) {
  .x-com-rese1 .container .x-form .x-txt p {
    font-size: 12px;
  }
}
.x-com-rese1 .container .x-form .x-txt p a {
  color: #045ec3;
  text-decoration: underline;
}
.x-com-rese1 .container .x-form button {
  display: block;
  width: 100%;
  height: 0.6rem;
  background-color: #045ec3;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0.55rem;
}
@media (max-width: 1580px) {
  .x-com-rese1 .container .x-form button {
    height: 0.7rem;
  }
}
@media (max-width: 767px) {
  .x-com-rese1 .container .x-form button {
    height: 0.8rem;
    margin-top: 0.3rem;
  }
}
.x-care1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem 0 2.4rem;
}
.x-care1 .container .x-p {
  color: #ffffff;
  line-height: 1.25;
  text-align: center;
}
.x-care2 .x-con .x-img {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  transform: scale(0.84);
}
.x-care2 .x-con .x-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .x-care2 .x-con .x-img img:nth-child(1) {
    display: none;
  }
}
.x-care2 .x-con .x-img img:nth-child(2) {
  display: none;
}
@media (max-width: 767px) {
  .x-care2 .x-con .x-img img:nth-child(2) {
    display: block;
  }
}
.x-care3 {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.3rem 0;
}
.x-care3 .container {
  padding: 0 0.55rem;
}
@media (max-width: 991px) {
  .x-care3 .container {
    padding: 0;
  }
}
.x-care3 .container .pub_title {
  text-align: center;
}
.x-care3 .container .x-p {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 0.65rem;
}
.x-care3 .container .x-p .x-a {
  display: inline-block;
  padding: 0 0.3rem 0.15rem;
  position: relative;
  margin: 0 0.66rem;
  color: rgba(255, 255, 255, 0.8);
  transition: 0.4s ease-in-out;
  cursor: pointer;
}
@media (max-width: 767px) {
  .x-care3 .container .x-p .x-a {
    margin: 0 0.2rem;
  }
}
.x-care3 .container .x-p .x-a.on,
.x-care3 .container .x-p .x-a:hover {
  color: #fff;
}
.x-care3 .container .x-p .x-a.on::before,
.x-care3 .container .x-p .x-a:hover::before {
  width: 100%;
}
.x-care3 .container .x-p .x-a::before {
  content: "";
  width: 0;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.4s ease-in-out;
}
.x-care3 .container .x-box ul {
  display: none;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0.4rem -0.1rem 0;
}
.x-care3 .container .x-box ul.on {
  display: flex;
}
.x-care3 .container .x-box ul li {
  width: 25%;
  padding: 0 0.1rem 0.3rem;
  display: flex;
}
@media (max-width: 991px) {
  .x-care3 .container .x-box ul li {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .x-care3 .container .x-box ul li {
    width: 50%;
  }
}
.x-care3 .container .x-box ul li.on a {
  color: #045ec3;
  background-color: #fff;
  border-color: #fff;
}
.x-care3 .container .x-box ul li a {
  width: 100%;
  text-align: center;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 0.04rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.15rem;
  transition: 0.4s ease-in-out;
}
.x-care3 .container .x-box ul li a:hover {
  color: #045ec3;
  background-color: #fff;
  border-color: #fff;
}
.x-care3 .container .x-but {
  text-align: center;
  margin-top: 0.6rem;
}
.x-care3 .container .x-but a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 100px;
  padding: 0 0.6rem;
  line-height: 0.82rem;
  height: 0.82rem;
  transition: 0.4s ease-in-out;
  position: relative;
}
.x-care3 .container .x-but a:hover {
  transform: scale(0.95);
}
.x-care3 .container .x-but a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  animation: qasacle 2s linear infinite;
  border-radius: 100px;
}
.x-care3 .container .x-but a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 100px;
  animation: qasacle 2s 1s linear infinite;
}
.x-care3 .container .x-but a span {
  color: #045ec3;
  text-transform: uppercase;
  position: relative;
  z-index: 5;
}
.x-care3 .container .x-but a i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  margin-left: 0.1rem;
  position: relative;
  z-index: 5;
}
.x-care3 .container .x-but a i svg {
  width: 100%;
  height: 100%;
}
.x-care3 .container .x-but a i svg path {
  fill: #045ec3;
}
.x-care3 .container .x-text {
  text-align: center;
  margin-top: 0.45rem;
}
.x-care3 .container .x-text span {
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  position: relative;
}
.x-care3 .container .x-text span::before {
  content: "";
  width: 0.5rem;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  left: -0.68rem;
  top: 0.8em;
}
.x-care3 .container .x-text span::after {
  content: "";
  width: 0.5rem;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  right: -0.68rem;
  top: 0.8em;
}
.x-care3 .container .x-text .x-xa {
  display: flex;
  justify-content: center;
  margin-top: 0.1rem;
}
.x-care3 .container .x-text .x-xa p {
  color: #fff;
}
.x-care3 .container .x-text .x-xa a {
  color: #fff;
  text-decoration: underline;
  display: inline-block;
  margin-left: 0.08rem;
}
@keyframes qasacle {
  0% {
    opacity: 0.4;
    width: 99%;
    height: 99%;
  }
  100% {
    opacity: 0;
    width: 120%;
    height: 150%;
  }
}
.ins_det_fxr_box {
  display: flex;
  align-items: center;
}
.ins_det_fxr_box * {
  transition: all 0.6s;
}
.ins_det_fxr_box > p {
  margin-right: 0.05rem;
}
.ins_det_fxr_box .bshare-custom {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ins_det_fxr_box .bshare-custom a {
  width: 30px;
  height: 30px;
  padding: 0;
  background: #111111;
  border-radius: 50%;
  margin: 0 0 0 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ins_det_fxr_box .bshare-custom a:nth-child(1) {
  margin-left: 0;
}
.ins_det_fxr_box .bshare-custom a:hover {
  background: #0066cc;
  opacity: 1;
}
.ins_det_fxr_box .bshare-custom a::before {
  content: '' !important;
}
@media (max-width: 767px) {
  .ins_det_fxr_box .bshare-custom a {
    width: 0.54rem;
    height: 0.54rem;
  }
}
.ins_det_fxr_box .bshare-custom a svg {
  width: 55%;
  height: auto;
  pointer-events: none;
}
.ins_det_fxr_box .bshare-custom a svg path {
  fill: #fff;
  opacity: 1;
}
.social-share .icon-wechat .wechat-qrcode {
  top: 120% !important;
  left: 50%;
  transform: translateX(-50%);
}
.social-share .icon-wechat .wechat-qrcode:after {
  display: none !important;
}
.bsBox {
  box-sizing: initial;
}
.x-new-det1 {
  padding: 1.1rem 0 1.7rem;
}
@media (max-width: 767px) {
  .x-new-det1 {
    padding: 1.1rem 0;
  }
}
.x-new-det1 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 0 1rem;
}
@media (max-width: 1580px) {
  .x-new-det1 .container {
    padding: 0;
  }
}
.x-new-det1 .container .x-le {
  width: 71.42%;
}
@media (max-width: 991px) {
  .x-new-det1 .container .x-le {
    width: 100%;
  }
}
.x-new-det1 .container .x-le .x-title {
  line-height: 1.04;
  color: #111111;
  margin-bottom: 0.4rem;
}
.x-new-det1 .container .x-le .x-spp1 {
  margin-top: 0.2rem;
  padding-bottom: 0.1rem;
}
.x-new-det1 .container .x-le .public-content {
  padding: 0.45rem 0 0.3rem;
  border-top: 1px solid #e5e5e5;
}
.x-new-det1 .container .x-le .public-content h1,
.x-new-det1 .container .x-le .public-content h2,
.x-new-det1 .container .x-le .public-content h3,
.x-new-det1 .container .x-le .public-content h4,
.x-new-det1 .container .x-le .public-content h5,
.x-new-det1 .container .x-le .public-content h6 {
  font-weight: bold;
}
.x-new-det1 .container .x-le .public-content i,
.x-new-det1 .container .x-le .public-content em {
  font-style: italic;
}
.x-new-det1 .container .x-le .public-content blockquote {
  border-left: 5px solid #EEE;
  padding-left: 18px;
}
.x-new-det1 .container .x-le .x-xia {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-new-det1 .container .x-le .x-xia .x-a {
  padding-left: 0.4rem;
}
.x-new-det1 .container .x-le .x-xia .x-a a {
  color: #111;
  display: inline-flex;
  align-items: center;
  transition: 0.4s ease-in-out;
}
.x-new-det1 .container .x-le .x-xia .x-a a:hover {
  color: #0066cc;
}
.x-new-det1 .container .x-le .x-xia .x-a a:hover i svg path {
  fill: #0066cc;
}
.x-new-det1 .container .x-le .x-xia .x-a a i {
  display: inline-flex;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-right: 0.1rem;
}
@media (max-width: 767px) {
  .x-new-det1 .container .x-le .x-xia .x-a a i {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-new-det1 .container .x-le .x-xia .x-a a i svg {
  width: 100%;
  height: 100%;
}
.x-new-det1 .container .x-le .x-xia .x-a a i svg path {
  fill: #111;
  transition: 0.4s ease-in-out;
}
.x-new-det1 .container .x-le .x-xia .x-a a span {
  text-transform: uppercase;
}
.x-new-det1 .container .x-ri {
  width: 18.57%;
  margin-top: 1.1rem;
  position: sticky;
  position: -webkit-sticky;
  top: 1rem;
}
@media (max-width: 1260px) {
  .x-new-det1 .container .x-ri {
    width: 24.57%;
  }
}
@media (max-width: 991px) {
  .x-new-det1 .container .x-ri {
    width: 100%;
    position: initial;
  }
}
.x-new-det1 .container .x-ri .x-box1 .x-tit {
  color: #111111;
  font-weight: bold;
}
.x-new-det1 .container .x-ri .x-box1 .x-a {
  margin-top: 0.2rem;
}
.x-new-det1 .container .x-ri .x-box1 .x-a a {
  display: flex;
  align-items: center;
  border: 1px solid #e5e5e5;
  background-color: #f7f7f7;
  padding: 0.12rem 0.2rem 0.12rem 0.3rem;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .x-new-det1 .container .x-ri .x-box1 .x-a a {
    padding: 0.2rem 0.2rem 0.2rem 0.3rem;
  }
}
.x-new-det1 .container .x-ri .x-box1 .x-a a:hover span {
  color: #0066cc;
}
.x-new-det1 .container .x-ri .x-box1 .x-a a .x-im {
  width: 0.26rem;
  height: auto;
  margin-right: 0.1rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .x-new-det1 .container .x-ri .x-box1 .x-a a .x-im {
    width: 0.34rem;
  }
}
.x-new-det1 .container .x-ri .x-box1 .x-a a .x-im img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.x-new-det1 .container .x-ri .x-box1 .x-a a span {
  display: inline-block;
  width: calc(100% - 0.36rem - 0.26rem);
  color: #111111;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-new-det1 .container .x-ri .x-box1 .x-a a span {
    width: calc(100% - 0.44rem - 0.4rem);
  }
}
.x-new-det1 .container .x-ri .x-box1 .x-a a i {
  display: inline-flex;
  width: 0.16rem;
  height: 0.16rem;
  margin-left: 0.1rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .x-new-det1 .container .x-ri .x-box1 .x-a a i {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-new-det1 .container .x-ri .x-box1 .x-a a i svg {
  width: 100%;
  height: 100%;
}
.x-new-det1 .container .x-ri .x-box1 .x-a a i svg path {
  fill: #045ec3;
}
.x-new-det1 .container .x-ri .x-box2 {
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  .x-new-det1 .container .x-ri .x-box2 {
    margin-top: 0.6rem;
  }
}
.x-new-det1 .container .x-ri .x-box2 .x-tit {
  color: #111111;
  font-weight: bold;
}
.x-new-det1 .container .x-ri .x-box2 .x-a {
  margin-top: 0.2rem;
}
.x-new-det1 .container .x-ri .x-box2 .x-a a {
  display: block;
  margin-bottom: 0.2rem;
}
.x-new-det1 .container .x-ri .x-box2 .x-a a:hover .public-img img {
  transform: scale(1.08);
}
.x-new-det1 .container .x-ri .x-box2 .x-a a:hover .x-tit2 {
  color: #045ec3;
}
.x-new-det1 .container .x-ri .x-box2 .x-a a:hover .x-tit2 p {
  background-size: 100% 100%;
}
.x-new-det1 .container .x-ri .x-box2 .x-a a .public-img::before {
  padding-top: 57.36434109%;
}
.x-new-det1 .container .x-ri .x-box2 .x-a a .x-tit2 {
  color: #111111;
  margin-top: 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.125;
  height: 2.38em;
  transition: 0.4s ease-in-out;
}
.x-new-det1 .container .x-ri .x-box2 .x-a a .x-tit2 p {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 94%, #5290d6 0%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: 0.5s;
  display: initial;
}
.x-news-list1 {
  padding: 1.2rem 0 1.4rem;
  background-color: #f7f7f7;
}
@media (max-width: 767px) {
  .x-news-list1 {
    padding: 1.2rem 0;
  }
}
.x-news-list1 .container .x-top {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #dedede;
  overflow-x: auto;
}
.x-news-list1 .container .x-top a {
  display: inline-block;
  color: rgba(51, 51, 51, 0.8);
  width: 20%;
  text-align: center;
  padding: 0.12rem;
  position: relative;
  transition: 0.4s ease-in-out;
  flex-shrink: 0;
  white-space: nowrap;
}
@media (max-width: 1260px) {
  .x-news-list1 .container .x-top a {
    width: auto;
    padding: 0.12rem 0.3rem;
  }
}
.x-news-list1 .container .x-top a:hover {
  color: #333;
}
.x-news-list1 .container .x-top a.on {
  color: #333333;
}
.x-news-list1 .container .x-top a.on::before {
  width: 100%;
}
.x-news-list1 .container .x-top a::before {
  content: "";
  width: 0;
  height: 2px;
  background-color: #000000;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-news-list1 .container .x-top a::before {
    display: none;
  }
}
.x-news-list1 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0.7rem -0.15rem 0;
}
.x-news-list1 .container ul li {
  width: 33.33%;
  padding: 0 0.15rem 0.3rem 0.15rem;
  display: flex;
}
@media (max-width: 991px) {
  .x-news-list1 .container ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-news-list1 .container ul li {
    width: 100%;
    padding-bottom: 0.4rem;
  }
}
.x-news-list1 .container ul li a {
  display: block;
  width: 100%;
  background-color: #fff;
}
.x-news-list1 .container ul li a:hover .public-img img {
  transform: scale(1.05);
}
.x-news-list1 .container ul li a:hover .x-text .x-sp {
  color: #045ec3;
}
.x-news-list1 .container ul li a:hover .x-text .x-tit {
  color: #045ec3;
}
.x-news-list1 .container ul li a .public-img::before {
  padding-top: 57.11500975%;
}
.x-news-list1 .container ul li a .x-text {
  padding: 0.35rem 0.3rem 0.5rem;
}
.x-news-list1 .container ul li a .x-text .x-sp {
  color: #999999;
  transition: 0.4s ease-in-out;
}
.x-news-list1 .container ul li a .x-text .x-tit {
  color: #111111;
  line-height: 1.36;
  margin-top: 0.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 4.08em;
  transition: 0.4s ease-in-out;
}
.x-news-list1 .container ul li a .x-text .x-tt {
  display: flex;
  align-items: center;
  margin-top: 0.35rem;
}
.x-news-list1 .container ul li a .x-text .x-tt span {
  text-transform: uppercase;
  color: #045ec3;
}
.x-news-list1 .container ul li a .x-text .x-tt i {
  display: inline-flex;
  align-items: center;
  width: 8px;
  height: 8px;
  margin-left: 0.1rem;
}
.x-news-list1 .container ul li a .x-text .x-tt i svg {
  width: 100%;
  height: 100%;
}
.x-news-list1 .container ul li a .x-text .x-tt i svg path {
  fill: #045ec3;
}
.x-news-list1 .container .x-page {
  justify-content: center;
  margin-top: 0.5rem;
}
.x-use-pa1 .hfo {
  background-color: #efeff1;
  padding: 0.9rem 0 1.1rem;
}
@media (max-width: 767px) {
  .x-use-pa1 .hfo {
    padding: 0.9rem 0 0.8rem;
  }
}
.x-use-pa1 .hfo .box .item {
  background-color: #fff;
}
.x-use-pa1 .hfo .box .item .txt {
  background-color: #fff;
}
.x-use-pa1 .hfo .box .item .txt .txt_box .txt_con p {
  line-height: 1.75;
  height: auto;
  overflow: initial;
  display: block;
  -webkit-box-orient: initial;
  -webkit-line-clamp: initial;
}
.x-use-pa2 {
  padding: 1.3rem 0 1.1rem 0;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .x-use-pa2 {
    padding: 1.2rem 0 0.8rem 0;
  }
}
.x-use-pa2 .container .pub_title_lr {
  align-items: center;
}
@media (max-width: 991px) {
  .x-use-pa2 .container .pub_title_lr {
    flex-wrap: wrap;
  }
}
@media (max-width: 991px) {
  .x-use-pa2 .container .pub_title_lr .x-r {
    margin-top: 0.2rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .x-use-pa2 .container .pub_title_lr .x-r {
    justify-content: center;
  }
}
.x-use-pa2 .container .pub_title_lr .x-r .public-btn3 {
  background: transparent;
  border: 1px solid #fff;
}
@media (max-width: 991px) {
  .x-use-pa2 .container .pub_title_lr .x-r .public-btn3 {
    margin-left: 0;
  }
}
.x-use-pa2 .container .pub_title_lr .x-r .public-btn3 p {
  color: #fff;
}
.x-use-pa2 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0.3rem -0.15rem 0;
}
.x-use-pa2 .container ul li {
  width: 33.33%;
  display: flex;
  padding: 0 0.15rem 0.3rem;
}
@media (max-width: 991px) {
  .x-use-pa2 .container ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-use-pa2 .container ul li {
    width: 100%;
    padding-bottom: 0.4rem;
  }
}
.x-use-pa2 .container ul li a {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .x-use-pa2 .container ul li a:hover .x-text {
    top: 0;
    background-color: #045ec3;
  }
  .x-use-pa2 .container ul li a:hover .x-text .x-t {
    margin-top: 0.2rem;
  }
  .x-use-pa2 .container ul li a:hover .x-text .x-t .x-tx span {
    color: #fff;
  }
  .x-use-pa2 .container ul li a:hover .x-text .x-t .x-tx .x-tit {
    color: #fff;
  }
  .x-use-pa2 .container ul li a:hover .x-text .x-t i svg {
    transform: rotate(180deg);
  }
  .x-use-pa2 .container ul li a:hover .x-text .x-t i svg path {
    fill: #fff;
  }
  .x-use-pa2 .container ul li a:hover .x-text .x-p {
    display: inline-block;
  }
}
.x-use-pa2 .container ul li a .public-img::before {
  padding-top: 97.27626459%;
}
.x-use-pa2 .container ul li a .x-text {
  position: absolute;
  left: 0;
  top: 79%;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: #fff;
  padding: 0 0.4rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 1367px) {
  .x-use-pa2 .container ul li a .x-text {
    top: 75%;
  }
}
@media (max-width: 1260px) {
  .x-use-pa2 .container ul li a .x-text {
    top: 73%;
  }
}
@media (max-width: 767px) {
  .x-use-pa2 .container ul li a .x-text {
    top: 78%;
  }
}
.x-use-pa2 .container ul li a .x-text .x-t {
  padding: 0.25rem 0;
  transition: 0.4s ease-in-out;
  position: relative;
}
.x-use-pa2 .container ul li a .x-text .x-t .x-tx {
  padding-right: 0.3rem;
}
.x-use-pa2 .container ul li a .x-text .x-t .x-tx span {
  color: #666666;
  transition: 0.4s ease-in-out;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.x-use-pa2 .container ul li a .x-text .x-t .x-tx .x-tit {
  color: #111111;
  transition: 0.4s ease-in-out;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.x-use-pa2 .container ul li a .x-text .x-t i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
  top: 0.45rem;
}
@media (max-width: 1580px) {
  .x-use-pa2 .container ul li a .x-text .x-t i {
    width: 12px;
    height: 12px;
  }
}
.x-use-pa2 .container ul li a .x-text .x-t i svg {
  width: 100%;
  height: 100%;
  transition: 0.4s ease-in-out;
}
.x-use-pa2 .container ul li a .x-text .x-t i svg path {
  fill: #111111;
  transition: 0.4s ease-in-out;
}
.x-use-pa2 .container ul li a .x-text .x-p {
  display: none;
  color: #fff;
}
.x-use-pa2 .container ul li a .x-text .x-p p {
  line-height: 1.42;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  height: 11.36em;
}
.x-use-pa3 {
  padding: 1.3rem 0 0.2rem;
}
@media (max-width: 767px) {
  .x-use-pa3 {
    padding: 1.2rem 0 0.2rem;
  }
}
@media (max-width: 991px) {
  .x-use-pa3 .container .pub_title_lr .pub_title {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .x-use-pa3 .container .pub_title_lr .pub_title {
    width: 100%;
    text-align: center;
  }
}
.x-use-pa3 .container .pub_title_lr .x-r {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .x-use-pa3 .container .pub_title_lr .x-r {
    width: 100%;
    text-align: center;
  }
}
.x-use-pa3 .container .x-swiper {
  margin-top: 0.4rem;
}
.x-use-pa3 .container .x-swiper .swiper-container {
  padding-bottom: 0.7rem;
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide {
  height: auto;
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .item {
  position: relative;
  height: 100%;
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .item .imgbj {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .item .imgbj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .item .hon_b_box {
  height: 100%;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0.4rem 0.25rem 0.4rem;
}
@media (max-width: 991px) {
  .x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .item .hon_b_box {
    padding: 0.3rem 0.3rem 0.4rem;
  }
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .item .hon_b_box .hon_b_t {
  width: 100%;
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .item .hon_b_box .hon_b_t .img {
  width: 100%;
  height: 2.68rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .item .hon_b_box .hon_b_t .img img {
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .item .hon_b_box .hon_b_t .txt {
  margin-top: 0.25rem;
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .item .hon_b_box .hon_b_t .txt .txt_t {
  text-align: center;
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .item .hon_b_box .hon_b_t .txt .txt_t h3 {
  line-height: 1.2;
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .item .hon_b_box .hon_b_t .txt .txt_t p {
  margin-top: 0.05rem;
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .item .hon_b_box .hon_b_t .txt .txt_lab {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 0.16rem;
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .item .hon_b_box .hon_b_t .txt .txt_lab p {
  height: 26px;
  min-width: 0.8rem;
  padding: 0 0.15rem;
  border: 1px solid #bfbfbf;
  border-radius: 100px;
  background: #eeeeee;
  margin: 0 0.04rem 0.1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
@media (max-width: 767px) {
  .x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .item .hon_b_box .hon_b_t .txt .txt_lab p {
    height: 0.6rem;
    padding: 0 0.35rem;
  }
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .item .hon_b_box .hon_b_b {
  margin-top: 0.15rem;
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.3rem;
  border-radius: 2px;
  height: 4px;
  background-color: #e5e5e5;
  opacity: 1;
  transition: 0.4s ease-in-out;
}
.x-use-pa3 .container .x-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #045ec3;
}
.x-use-pa4 .x-4pro6 {
  padding: 0.2rem 0 1.1rem;
}
.x-use-pa4 .x-4pro6 .container .pub_title {
  text-align: center;
}
.x-use-pa4 .x-4pro6 .container ul li {
  width: 33.33%;
}
@media (max-width: 991px) {
  .x-use-pa4 .x-4pro6 .container ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-use-pa4 .x-4pro6 .container ul li {
    width: 100%;
  }
}
.x-use-pa4 .x-4pro6 .container ul li .x-box .x-text {
  margin-top: 0.6rem;
}
.x-use-pa4 .x-4pro6 .container ul li .x-box .x-text .x-tit {
  line-height: 1.18;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 2.36em;
}
.x-use-pa4 .x-4pro6 .container ul li .x-box .x-text .x-p {
  line-height: 1.33;
  margin-bottom: 0.2rem;
}
.x-proto1 {
  max-width: 1920px;
  margin: 0 auto;
  padding: 1.4rem 0 0.6rem;
}
@media (max-width: 767px) {
  .x-proto1 {
    padding: 1.2rem 0 0rem;
  }
}
@media (max-width: 991px) {
  .x-proto1 .x-con {
    width: 90%;
    margin: 0 auto;
  }
}
.x-proto1 .x-con ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.x-proto1 .x-con ul li:nth-child(2n) .x-le {
  padding: 0 1.6rem 0 1.4rem;
}
@media (max-width: 1260px) {
  .x-proto1 .x-con ul li:nth-child(2n) .x-le {
    padding: 0 0.8rem 0 0.8rem;
  }
}
@media (max-width: 991px) {
  .x-proto1 .x-con ul li:nth-child(2n) .x-le {
    padding: 0.4rem 0;
  }
}
.x-proto1 .x-con ul li:nth-child(2n) .x-ri {
  order: -1;
}
.x-proto1 .x-con ul li .x-le {
  width: 50%;
  padding: 0 1.8rem 0 1.6rem;
}
@media (max-width: 1281px) {
  .x-proto1 .x-con ul li .x-le {
    padding: 0 1.1rem 0 1.6rem;
  }
}
@media (max-width: 1260px) {
  .x-proto1 .x-con ul li .x-le {
    padding: 0 0.4rem 0 0.8rem;
  }
}
@media (max-width: 991px) {
  .x-proto1 .x-con ul li .x-le {
    width: 100%;
    padding: 0.4rem 0;
  }
}
.x-proto1 .x-con ul li .x-le .x-tit {
  color: #111111;
  line-height: 1.2;
}
.x-proto1 .x-con ul li .x-le .x-p {
  color: #333333;
  margin-top: 0.25rem;
}
.x-proto1 .x-con ul li .x-le .x-p p {
  display: inline-flex;
}
.x-proto1 .x-con ul li .x-le .x-p p i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 1px solid #045ec3;
  border-radius: 2px;
  margin-top: 0.2em;
  flex-shrink: 0;
  margin-right: 0.12rem;
}
@media (max-width: 767px) {
  .x-proto1 .x-con ul li .x-le .x-p p i {
    width: 16px;
    height: 16px;
  }
}
.x-proto1 .x-con ul li .x-le .x-p p i svg {
  width: 10px;
  height: 10px;
}
.x-proto1 .x-con ul li .x-le .x-p p i svg path {
  fill: #045ec3;
}
.x-proto1 .x-con ul li .x-le .x-sp {
  color: #333333;
  margin-top: 0.5rem;
  line-height: 1.333;
}
@media (max-width: 767px) {
  .x-proto1 .x-con ul li .x-le .x-sp {
    margin-top: 0.3rem;
  }
}
.x-proto1 .x-con ul li .x-le .public-btn {
  margin-top: 0.7rem;
}
@media (max-width: 767px) {
  .x-proto1 .x-con ul li .x-le .public-btn {
    margin-top: 0.4rem;
  }
}
.x-proto1 .x-con ul li .x-ri {
  width: 50%;
  position: relative;
}
@media (max-width: 991px) {
  .x-proto1 .x-con ul li .x-ri {
    width: 100%;
    order: -1;
  }
}
.x-proto1 .x-con ul li .x-ri .public-img::before {
  padding-top: 78.125%;
}
.x-proto1 .x-con ul li .x-ri .public-img::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.x-proto1 .x-con ul li .x-ri .x-bf {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  cursor: pointer;
}
.x-proto1 .x-con ul li .x-ri .x-bf .x-i {
  position: relative;
  width: 0.76rem;
  height: 0.76rem;
  border-radius: 100%;
  margin: 0 auto;
}
.x-proto1 .x-con ul li .x-ri .x-bf .x-i::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #0455b0;
  border-radius: 100%;
  animation: bfzqq 2s linear infinite;
}
.x-proto1 .x-con ul li .x-ri .x-bf .x-i::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #0455b0;
  border-radius: 100%;
  animation: bfzqq 2s 1s linear infinite;
}
.x-proto1 .x-con ul li .x-ri .x-bf .x-i i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #0455b0;
  border-radius: 100%;
  position: relative;
  z-index: 2;
}
.x-proto1 .x-con ul li .x-ri .x-bf .x-i i svg {
  width: 0.2rem;
  height: 0.2rem;
}
.x-proto1 .x-con ul li .x-ri .x-bf .x-i i svg path {
  fill: #fff;
}
.x-proto1 .x-con ul li .x-ri .x-bf p {
  text-transform: uppercase;
  color: #fff;
  margin-top: 0.25rem;
}
@keyframes bfzqq {
  0% {
    opacity: 0.8;
    transform: translate(-50%, -50%) scale(0.9);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.4);
  }
}
.x-proto2 .x-use-pa2 .container ul li {
  width: 50%;
}
@media (max-width: 991px) {
  .x-proto2 .x-use-pa2 .container ul li {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .x-proto2 .x-use-pa2 .container ul li a:hover .x-text {
    top: 0;
  }
}
.x-proto2 .x-use-pa2 .container ul li a .public-img::before {
  padding-top: 78.48101266%;
}
@media (max-width: 1260px) {
  .x-proto2 .x-use-pa2 .container ul li a .public-img::before {
    padding-top: 92.481013%;
  }
}
.x-proto2 .x-use-pa2 .container ul li a .x-text {
  top: 81%;
}
@media (max-width: 991px) {
  .x-proto2 .x-use-pa2 .container ul li a .x-text {
    top: 86%;
  }
}
@media (max-width: 767px) {
  .x-proto2 .x-use-pa2 .container ul li a .x-text {
    top: 77%;
  }
}
.x-proto2 .x-use-pa2 .container ul li a .x-text .x-t i {
  top: 0.55rem;
}
.x-proto2 .x-use-pa2 .container ul li a .x-text .x-sp {
  color: #fff;
  padding-right: 0.4rem;
}
.x-proto2 .x-use-pa2 .container ul li a .x-text .x-sp p {
  display: inline-flex;
  margin-bottom: 0.2rem;
}
.x-proto2 .x-use-pa2 .container ul li a .x-text .x-sp p i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 1px solid #fff;
  border-radius: 2px;
  margin-top: 0.2em;
  flex-shrink: 0;
  margin-right: 0.12rem;
}
.x-proto2 .x-use-pa2 .container ul li a .x-text .x-sp p i svg {
  width: 10px;
  height: 10px;
}
.x-proto2 .x-use-pa2 .container ul li a .x-text .x-sp p i svg path {
  fill: #fff;
}
.x-proto3 .x-4pro6 .container .pub_title {
  text-align: center;
}
.x-proto3 .x-4pro6 .container ul li .x-box .x-text .x-tit {
  line-height: 1.18;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 2.36em;
}
.x-app-indu1 .x-use-pa4 .x-4pro6 {
  padding: 1.2rem 0 1rem;
}
.x-app-indu1 .x-use-pa4 .x-4pro6 .container .pub_title {
  text-align: left;
}
.x-app-indu1 .x-use-pa4 .x-4pro6 .container .pub_title p {
  line-height: 1.1;
}
.x-app-indu1 .x-use-pa4 .x-4pro6 .container ul li .x-box {
  padding: 0.6rem 0.3rem 0.3rem 0.4rem;
}
.x-app-indu1 .x-use-pa4 .x-4pro6 .container ul li .x-box .x-img {
  width: 100%;
  height: 0.9rem;
}
.x-app-indu1 .x-use-pa4 .x-4pro6 .container ul li .x-box .x-img img {
  max-height: 100%;
  width: auto;
  height: 100%;
  object-fit: contain;
}
.x-app-indu1 .x-use-pa4 .x-4pro6 .container ul li .x-box .x-text {
  margin-top: 0.3rem;
}
.x-app-indu1 .x-use-pa4 .x-4pro6 .container ul li .x-box .x-text .x-tit {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-line-clamp: initial;
  -webkit-box-orient: inherit;
  height: auto;
  display: block;
}
.x-app-indu2 {
  background-color: #1b2126;
  padding: 1.3rem 0 1.1rem;
}
@media (max-width: 767px) {
  .x-app-indu2 {
    padding: 1.2rem 0 1.1rem;
  }
}
.x-app-indu2 .container .x-swiper {
  background-color: #293036;
  padding: 0.5rem 0.3rem 0.35rem;
  margin-top: 0.5rem;
}
.x-app-indu2 .container .x-swiper .swiper-container {
  padding-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .x-app-indu2 .container .x-swiper .swiper-container {
    padding-bottom: 0.7rem;
  }
}
.x-app-indu2 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .x-img {
  width: 100%;
  height: 1.16rem;
  border-radius: 0.06rem;
  overflow: hidden;
  background-color: #fff;
}
.x-app-indu2 .container .x-swiper .swiper-container .swiper-wrapper .swiper-slide .x-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x-app-indu2 .container .x-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.3rem;
  border-radius: 2px;
  height: 4px;
  background-color: #fff;
  opacity: 1;
  transition: 0.4s ease-in-out;
}
.x-app-indu2 .container .x-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #045ec3;
}
.x-app-indu2 .container ul {
  margin-top: 0.55rem;
}
.x-app-indu2 .container ul li {
  margin-bottom: 0.3rem;
}
.x-app-indu2 .container ul li a {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.4rem;
  background-color: #293036;
  transition: 0.4s ease-in-out;
}
.x-app-indu2 .container ul li a:hover {
  background-color: #045ec3;
}
.x-app-indu2 .container ul li a:hover .public-img img {
  transform: scale(1.06);
}
.x-app-indu2 .container ul li a .x-text {
  width: 50%;
  padding: 0.4rem 1.3rem 0.4rem 0.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .x-app-indu2 .container ul li a .x-text {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .x-app-indu2 .container ul li a .x-text {
    padding: 0.4rem 0;
  }
}
.x-app-indu2 .container ul li a .x-text .x-tit {
  color: #fff;
  text-transform: uppercase;
  line-height: 1.1;
}
.x-app-indu2 .container ul li a .x-text .x-p {
  color: #fff;
  line-height: 1.33;
  margin-top: 0.3rem;
}
.x-app-indu2 .container ul li a .x-text .public-btn3 {
  margin-top: 0.75rem;
  background-color: transparent;
  border: 1px solid #fff;
}
@media (max-width: 767px) {
  .x-app-indu2 .container ul li a .x-text .public-btn3 {
    margin-top: 0.4rem;
  }
}
.x-app-indu2 .container ul li a .x-text .public-btn3 p {
  color: #fff;
}
.x-app-indu2 .container ul li a .public-img {
  width: 50%;
}
@media (max-width: 991px) {
  .x-app-indu2 .container ul li a .public-img {
    width: 100%;
    order: -1;
  }
}
.x-app-indu2 .container ul li a .public-img::before {
  padding-top: 68.42105263%;
}
.x-app-indu3 .x-3pro8 .pro610thi {
  background-color: #f7f7f7;
}
.x-app-indu3 .x-3pro8 .pro610thi .container .box .item {
  background: #fff;
  width: calc((100% - 0.6rem) / 3);
  margin: 0 0.3rem 0.3rem 0;
}
@media (max-width: 991px) {
  .x-app-indu3 .x-3pro8 .pro610thi .container .box .item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .x-app-indu3 .x-3pro8 .pro610thi .container .box .item {
    margin: 0 0 0.5rem 0;
  }
}
.x-app-indu3 .x-3pro8 .pro610thi .container .box .item:nth-child(3n) {
  margin-right: 0;
}
.x-app-indu3 .x-3pro8 .pro610thi .container .box .item .txt {
  padding: 0.35rem 0.4rem;
}
.x-app-indu3 .x-3pro8 .pro610thi .container .box .item .txt .txt_box .txt_con p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 4.5em;
}
.x-app-indu4 {
  position: relative;
}
@media (max-width: 991px) {
  .x-app-indu4 {
    padding-bottom: 3rem;
    background-color: #1b2126;
  }
}
@media (max-width: 767px) {
  .x-app-indu4 {
    padding-top: 1.5rem;
    padding-bottom: 5rem;
  }
}
.x-app-indu4 .x-con .x-top {
  position: absolute;
  left: 0;
  top: 1.1rem;
  z-index: 5;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  width: 100%;
}
.x-app-indu4 .x-con .x-top .x-p {
  min-width: 46.40625%;
  position: relative;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .x-app-indu4 .x-con .x-top .x-p {
    width: 100%;
  }
}
.x-app-indu4 .x-con .x-top .x-p::before {
  content: "";
  width: 100%;
  height: 1px;
  background: url(../images/x-app-ind18.png) center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.x-app-indu4 .x-con .x-top .x-p p {
  color: rgba(255, 255, 255, 0.6);
  margin: 0 0.4rem;
  padding-bottom: 0.15rem;
  cursor: pointer;
  position: relative;
}
@media (max-width: 767px) {
  .x-app-indu4 .x-con .x-top .x-p p {
    font-size: 0.24rem;
    margin: 0 0.2rem;
  }
}
.x-app-indu4 .x-con .x-top .x-p p::before {
  content: "";
  width: 0;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.4s ease-in-out;
}
.x-app-indu4 .x-con .x-top .x-p p.on {
  color: #fff;
}
.x-app-indu4 .x-con .x-top .x-p p.on::before {
  width: 100%;
}
.x-app-indu4 .x-con .x-xia {
  position: relative;
}
.x-app-indu4 .x-con .x-xia .x-box {
  display: none;
}
.x-app-indu4 .x-con .x-xia .x-box.on {
  display: block;
}
.x-app-indu4 .x-con .x-xia .x-box .public-img::before {
  padding-top: 47.91666667%;
}
.x-app-indu4 .x-con .x-xia .x-box .x-dl .x-i {
  width: 0;
  height: 0;
  position: absolute;
  z-index: 10;
  cursor: pointer;
}
.x-app-indu4 .x-con .x-xia .x-box .x-dl .x-i i:nth-child(1) {
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #2587f5;
  border-radius: 100%;
  z-index: 5;
}
@media (max-width: 767px) {
  .x-app-indu4 .x-con .x-xia .x-box .x-dl .x-i i:nth-child(1) {
    width: 6px;
    height: 6px;
  }
}
.x-app-indu4 .x-con .x-xia .x-box .x-dl .x-i i:nth-child(2),
.x-app-indu4 .x-con .x-xia .x-box .x-dl .x-i i:nth-child(3),
.x-app-indu4 .x-con .x-xia .x-box .x-dl .x-i i:nth-child(4) {
  display: inline-block;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  border-radius: 100%;
  background-color: #2587f5;
}
@media (max-width: 767px) {
  .x-app-indu4 .x-con .x-xia .x-box .x-dl .x-i i:nth-child(2),
  .x-app-indu4 .x-con .x-xia .x-box .x-dl .x-i i:nth-child(3),
  .x-app-indu4 .x-con .x-xia .x-box .x-dl .x-i i:nth-child(4) {
    width: 6px;
    height: 6px;
  }
}
.x-app-indu4 .x-con .x-xia .x-box .x-dl .x-i i:nth-child(2) {
  animation: bfzqq2 3s 1s linear infinite;
}
.x-app-indu4 .x-con .x-xia .x-box .x-dl .x-i i:nth-child(3) {
  animation: bfzqq2 3s 2s linear infinite;
}
.x-app-indu4 .x-con .x-xia .x-box .x-dl .x-i i:nth-child(4) {
  animation: bfzqq2 3s 3s linear infinite;
}
.x-app-indu4 .x-con .x-xia .x-box .x-txt {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 13%;
  z-index: 10;
  width: 5.3rem;
}
@media (max-width: 1580px) {
  .x-app-indu4 .x-con .x-xia .x-box .x-txt {
    width: 6.5rem;
    bottom: 8%;
  }
}
@media (max-width: 1260px) {
  .x-app-indu4 .x-con .x-xia .x-box .x-txt {
    width: 9.5rem;
    bottom: 4%;
  }
}
@media (max-width: 991px) {
  .x-app-indu4 .x-con .x-xia .x-box .x-txt {
    bottom: -35%;
  }
}
@media (max-width: 767px) {
  .x-app-indu4 .x-con .x-xia .x-box .x-txt {
    width: 6.6rem;
    bottom: -118%;
  }
}
.x-app-indu4 .x-con .x-xia .x-box .x-txt .x-text {
  border: 1px solid #f0f1f1;
  border-radius: 0.1rem;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(23.5px);
  padding: 0.25rem 0.4rem 0.4rem;
  display: none;
  -webkit-animation-name: fadeInUp2;
  animation-name: fadeInUp2;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media (max-width: 991px) {
  .x-app-indu4 .x-con .x-xia .x-box .x-txt .x-text {
    max-height: 180px;
    overflow-y: auto;
  }
}
@media (max-width: 767px) {
  .x-app-indu4 .x-con .x-xia .x-box .x-txt .x-text {
    max-height: 218px;
  }
}
.x-app-indu4 .x-con .x-xia .x-box .x-txt .x-text.on {
  display: block;
}
.x-app-indu4 .x-con .x-xia .x-box .x-txt .x-text .x-tit {
  color: #fff;
}
.x-app-indu4 .x-con .x-xia .x-box .x-txt .x-text .x-wn {
  margin-top: 0.15rem;
}
.x-app-indu4 .x-con .x-xia .x-box .x-txt .x-text .x-wn .x-p {
  color: #fff;
}
.x-app-indu4 .x-con .x-xia .x-box .x-txt .x-text .x-wn .x-p span {
  display: inline-block;
  margin-right: 0.1rem;
}
.x-app-indu4 .x-con .x-xia .x-box .x-txt .x-text .x-wn .x-p p {
  display: inline-block;
}
@keyframes fadeInUp2 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    -ms-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@keyframes bfzqq2 {
  0% {
    opacity: 0.6;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(6);
  }
}
.x-app-indu5 .x-use-pa1 .hfo {
  background-color: #f7f7f7;
}
.x-app-indu5 .x-use-pa1 .hfo .box .item:hover .txt .public-btn {
  color: #045ec3;
}
.x-app-indu5 .x-use-pa1 .hfo .box .item:hover .txt .public-btn svg path {
  fill: #045ec3;
}
.x-app-indu5 .x-use-pa1 .hfo .box .item .txt {
  padding: 0.3rem 0.28rem 0.36rem;
}
.x-app-indu5 .x-use-pa1 .hfo .box .item .txt .txt_box .txt_con p {
  line-height: 1.33;
}
.x-app-indu5 .x-use-pa1 .hfo .box .item .txt .public-btn {
  margin-top: 0.28rem;
  color: #333333;
}
.x-app-indu5 .x-use-pa1 .hfo .box .item .txt .public-btn svg path {
  fill: #333333;
}
.x-app-indu6 .hon {
  background: initial;
  padding: 1.28rem 0 1.1rem;
}
.x-app-indu6 .hon .container .hon_b {
  margin-top: 0.4rem;
  flex-wrap: wrap;
}
.x-app-indu6 .hon .container .hon_b .item {
  margin-bottom: 0.3rem;
}
.x-ind-aer1 {
  padding: 1.4rem 0 1.3rem;
}
@media (max-width: 767px) {
  .x-ind-aer1 {
    padding: 1.2rem 0;
  }
}
.x-ind-aer1 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #f7f7f7;
  padding: 0.5rem 0.5rem 0.5rem 0.6rem;
}
@media (max-width: 767px) {
  .x-ind-aer1 .container {
    padding: 0.4rem;
  }
}
.x-ind-aer1 .container .x-text {
  width: 50%;
  padding: 0.9rem 1.11rem 0 0;
}
@media (max-width: 1260px) {
  .x-ind-aer1 .container .x-text {
    padding: 0.4rem 0.6rem 0 0;
  }
}
@media (max-width: 991px) {
  .x-ind-aer1 .container .x-text {
    width: 100%;
    padding-right: 0;
  }
}
.x-ind-aer1 .container .x-text .x-p {
  color: #111111;
  line-height: 1.4;
}
.x-ind-aer1 .container .public-img {
  width: 50%;
}
@media (max-width: 991px) {
  .x-ind-aer1 .container .public-img {
    width: 100%;
    order: -1;
  }
}
.x-ind-aer1 .container .public-img::before {
  padding-top: 58%;
}
.x-app-indu3 .x-use-pa4 .x-4pro6 {
  background-color: #f7f7f7;
  padding: 1.3rem 0 0.7rem;
}
.x-app-indu3 .x-use-pa4 .x-4pro6 .container ul li .x-box {
  background-color: #fff;
}
.x-app-indu3 .x-use-pa4 .x-4pro6 .container ul li .x-box .x-text {
  margin-top: 0.25rem;
}
.x-ind-aer2 {
  background-color: #f7f7f7;
  padding-bottom: 1.4rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .x-ind-aer2 {
    padding-bottom: 1.2rem;
  }
}
.x-ind-aer2 .container .swiper-container {
  overflow: visible;
}
.x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  transition: 0.4s ease-in-out;
  height: auto;
}
.x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev {
  transform: translateX(5%) scale(0.8);
}
@media (max-width: 767px) {
  .x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev {
    transform: scale(1);
  }
}
.x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next {
  transform: translateX(-5%) scale(0.8);
}
@media (max-width: 767px) {
  .x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next {
    transform: scale(1);
  }
}
.x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide .x-text {
  width: 50%;
  padding: 0.2rem 0 0.2rem 1.6rem;
}
@media (max-width: 991px) {
  .x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide .x-text {
    width: 100%;
    padding: 0.4rem;
  }
}
.x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide .x-text .x-tit {
  color: #000;
  line-height: 1.36;
}
.x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide .x-text .x-p {
  color: #666666;
  line-height: 1.33;
  margin-top: 0.2rem;
}
.x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide .x-text .public-btn {
  margin-top: 0.6rem;
}
@media (max-width: 767px) {
  .x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide .x-text .public-btn {
    margin-top: 0.4rem;
  }
}
.x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide .x-img {
  width: 50%;
  padding: 1.7rem 0 0.1rem;
  height: 6.8rem;
}
@media (max-width: 1580px) {
  .x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide .x-img {
    padding: 0.9rem 0 0.1rem;
  }
}
@media (max-width: 991px) {
  .x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide .x-img {
    width: 100%;
    order: -1;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide .x-img {
    padding: 0.8rem 0.4rem 0.2rem;
  }
}
.x-ind-aer2 .container .swiper-container .swiper-wrapper .swiper-slide .x-img img {
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.x-ind-aer2 .container .swiper-container .x-public-prev {
  position: absolute;
  left: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background-color: #fff;
}
.x-ind-aer2 .container .swiper-container .x-public-prev:hover {
  background-color: #045ec3;
}
.x-ind-aer2 .container .swiper-container .x-public-next {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background-color: #fff;
}
.x-ind-aer2 .container .swiper-container .x-public-next:hover {
  background-color: #045ec3;
}
@media (max-width: 767px) {
  .x-ind-aer3 .x-app-indu6 .hon {
    padding: 1.2rem 0 0.8rem;
  }
}
.x-ind-aer3 .x-app-indu6 .hon .container .hon_b {
  justify-content: flex-start;
}
.x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item {
  width: calc((100% - 0.6rem) / 3);
  margin: 0 0.3rem 0.3rem 0;
}
@media (max-width: 991px) {
  .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item {
    width: calc((100% - 0.6rem) / 2);
  }
}
@media (max-width: 767px) {
  .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item {
    width: 100%;
    margin-bottom: 0.4rem;
  }
}
.x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item:nth-child(3n) {
    margin-right: 0.3rem;
  }
}
@media (max-width: 767px) {
  .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item:nth-child(3n) {
    margin-right: 0;
  }
}
.x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box {
  padding: 0.3rem 0.2rem 0.5rem;
}
.x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box .hon_b_t .img {
  height: 3.54rem;
}
.x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box .hon_b_t .txt .txt_lab p {
  height: 30px;
  min-width: 1.2rem;
  padding: 0 0.15rem;
  border: 1px solid #bfbfbf;
}
.x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box .hon_b_b {
  margin-top: 0.25rem;
}
.x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item {
  position: relative;
  width: calc((100% - 0.9rem) / 4);
  margin: 0 0.3rem 0.3rem 0;
}
@media (max-width: 1260px) {
  .x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item {
    width: calc((100% - 0.9rem) / 3);
  }
}
@media (max-width: 991px) {
  .x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item {
    width: calc((100% - 0.9rem) / 2);
  }
}
@media (max-width: 767px) {
  .x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item {
    width: 100%;
    margin-bottom: 0.4rem;
  }
}
.x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 1260px) {
  .x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item:nth-child(4n) {
    margin-right: 0.3rem;
  }
}
@media (max-width: 991px) {
  .x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item:nth-child(4n) {
    margin-right: 0;
  }
}
@media (max-width: 1260px) {
  .x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item:nth-child(3n) {
    margin-right: 0.3rem;
  }
}
@media (max-width: 767px) {
  .x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item:nth-child(3n) {
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item:nth-child(2n) {
    margin-right: 0;
  }
}
.x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .imgbj {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .imgbj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box {
  height: 100%;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0.4rem 0.25rem 0.4rem;
}
@media (max-width: 991px) {
  .x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box {
    padding: 0.3rem 0.3rem 0.4rem;
  }
}
.x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box .hon_b_t {
  width: 100%;
}
.x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box .hon_b_t .img {
  width: 100%;
  height: 2.68rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box .hon_b_t .img img {
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box .hon_b_t .txt {
  margin-top: 0.25rem;
}
.x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box .hon_b_t .txt .txt_t {
  text-align: center;
}
.x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box .hon_b_t .txt .txt_t h3 {
  line-height: 1.2;
}
.x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box .hon_b_t .txt .txt_t p {
  margin-top: 0.05rem;
}
.x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box .hon_b_t .txt .txt_lab {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 0.16rem;
}
.x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box .hon_b_t .txt .txt_lab p {
  height: 26px;
  min-width: 0.8rem;
  padding: 0 0.15rem;
  border: 1px solid #bfbfbf;
  border-radius: 100px;
  background: #eeeeee;
  margin: 0 0.04rem 0.1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
@media (max-width: 767px) {
  .x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box .hon_b_t .txt .txt_lab p {
    height: 0.6rem;
    padding: 0 0.35rem;
  }
}
.x-ind-gen1 .x-ind-aer3 .x-app-indu6 .hon .container .hon_b .item .hon_b_box .hon_b_b {
  margin-top: 0.15rem;
}
.x-ind-res1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.3rem 0 1.4rem;
}
@media (max-width: 767px) {
  .x-ind-res1 {
    padding: 1.2rem 0;
  }
}
.x-ind-res1 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.x-ind-res1 .container ul li {
  width: 20%;
  display: flex;
}
@media (max-width: 991px) {
  .x-ind-res1 .container ul li {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .x-ind-res1 .container ul li {
    width: 50%;
  }
}
.x-ind-res1 .container ul li .x-box {
  width: 100%;
  position: relative;
  border-right: 1px solid #828283;
}
@media (max-width: 767px) {
  .x-ind-res1 .container ul li .x-box {
    border-bottom: 1px solid #828283;
  }
}
.x-ind-res1 .container ul li .x-box .public-img::before {
  padding-top: 100%;
}
.x-ind-res1 .container ul li .x-box .public-img::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(27, 33, 38, 0.85);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.x-ind-res1 .container ul li .x-box .x-txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 0.7rem 0.2rem 0.2rem 0.2rem;
}
@media (max-width: 1260px) {
  .x-ind-res1 .container ul li .x-box .x-txt {
    padding-top: 0.4rem;
  }
}
@media (max-width: 767px) {
  .x-ind-res1 .container ul li .x-box .x-txt {
    padding-top: 0.6rem;
  }
}
.x-ind-res1 .container ul li .x-box .x-txt .x-img {
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
}
.x-ind-res1 .container ul li .x-box .x-txt .x-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-ind-res1 .container ul li .x-box .x-txt .x-p {
  color: #fff;
  text-align: center;
  margin-top: 0.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3em;
}
@media (max-width: 1580px) {
  .x-ind-res1 .container ul li .x-box .x-txt .x-p {
    margin-top: 0.4rem;
  }
}
@media (max-width: 991px) {
  .x-ind-res1 .container ul li .x-box .x-txt .x-p {
    margin-top: 0.2rem;
  }
}
.x-ind-res2 .pro610fi {
  padding: 1.3rem 0 1.1rem 0;
}
@media (max-width: 767px) {
  .x-ind-res2 .pro610fi {
    padding: 1.2rem 0 0.7rem;
  }
}
.x-ind-res2 .pro610fi .container .box .pub_twbox {
  flex-wrap: wrap;
}
.x-ind-res2 .pro610fi .container .box .pub_twbox .pub_twbox_con {
  display: block;
}
@media (max-width: 991px) {
  .x-ind-res2 .pro610fi .container .box .pub_twbox .pub_twbox_con {
    width: 100%;
  }
}
.x-ind-res2 .pro610fi .container .box .pub_twbox .pub_twbox_con:hover .txt .public-btn p {
  color: #045ec3;
}
.x-ind-res2 .pro610fi .container .box .pub_twbox .pub_twbox_con:hover .txt .public-btn svg path {
  fill: #045ec3;
}
.x-ind-res2 .pro610fi .container .box .pub_twbox .pub_twbox_con .txt {
  padding: 0.3rem 0.35rem 0.38rem 0.3rem;
}
.x-ind-res2 .pro610fi .container .box .pub_twbox .pub_twbox_con .txt p {
  color: #333333;
}
.x-ind-res2 .pro610fi .container .box .pub_twbox .pub_twbox_con .txt .public-btn {
  margin-top: 0.5rem;
}
.x-ind-res2 .pro610fi .container .box .pub_twbox .pub_twbox_con .txt .public-btn svg path {
  fill: #333333;
}
.x-ind-med1 {
  padding: 1.4rem 0;
}
@media (max-width: 767px) {
  .x-ind-med1 {
    padding: 1.2rem 0;
  }
}
.x-ind-med1 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 1260px) {
  .x-ind-med1 .container {
    align-items: flex-start;
  }
}
.x-ind-med1 .container .x-text {
  width: 55.625%;
  padding-right: 0.7rem;
}
@media (max-width: 991px) {
  .x-ind-med1 .container .x-text {
    width: 100%;
    padding: 0.4rem 0 0 0;
  }
}
.x-ind-med1 .container .x-text .x-tit {
  color: #111;
  line-height: 1.1;
  text-transform: uppercase;
}
@media (max-width: 1580px) {
  .x-ind-med1 .container .x-text .x-tit {
    font-size: 40px;
  }
}
@media (max-width: 1260px) {
  .x-ind-med1 .container .x-text .x-tit {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .x-ind-med1 .container .x-text .x-tit {
    font-size: 0.46rem;
  }
}
.x-ind-med1 .container .x-text .x-p {
  color: #333333;
  line-height: 1.33;
  margin-top: 0.3rem;
}
.x-ind-med1 .container .x-text .public-btn {
  margin-top: 0.55rem;
}
.x-ind-med1 .container .public-img {
  width: 44.375%;
}
@media (max-width: 991px) {
  .x-ind-med1 .container .public-img {
    width: 100%;
    order: -1;
  }
}
.x-ind-med1 .container .public-img::before {
  padding-top: 71.42857143%;
}
.x-ind-voca1 .pro610se {
  padding: 1.4rem 0 1.1rem;
}
@media (max-width: 767px) {
  .x-ind-voca1 .pro610se {
    padding: 1.1rem 0 0.8rem;
  }
}
.x-ind-voca1 .pro610se .box {
  margin-bottom: 0.2rem;
  padding: 1rem 2.35rem 0.75rem;
}
@media (max-width: 991px) {
  .x-ind-voca1 .pro610se .box {
    padding: 0.9rem 1.4rem 0.65rem;
  }
}
@media (max-width: 767px) {
  .x-ind-voca1 .pro610se .box {
    padding: 0.4rem 0.4rem 0.65rem;
  }
}
.x-ind-voca2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.3rem 0 1.2rem;
  overflow: hidden;
}
.x-ind-voca2 .container .x-title {
  text-align: center;
  color: #fff;
}
.x-ind-voca2 .container .x-zhong {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .x-ind-voca2 .container .x-zhong {
    flex-wrap: wrap;
  }
}
.x-ind-voca2 .container .x-zhong .x-text {
  width: 43.125%;
  flex-shrink: 0;
}
@media (max-width: 1580px) {
  .x-ind-voca2 .container .x-zhong .x-text {
    width: 47.125%;
  }
}
@media (max-width: 767px) {
  .x-ind-voca2 .container .x-zhong .x-text {
    width: 100%;
  }
}
.x-ind-voca2 .container .x-zhong .x-text .x-tit {
  color: #fff;
  line-height: 1.125;
}
@media (max-width: 767px) {
  .x-ind-voca2 .container .x-zhong .x-text .x-tit {
    text-align: center;
  }
}
.x-ind-voca2 .container .x-zhong .x-text .x-p {
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.33;
  margin-top: 0.35rem;
}
@media (max-width: 767px) {
  .x-ind-voca2 .container .x-zhong .x-text .x-p {
    text-align: center;
  }
}
.x-ind-voca2 .container .x-zhong .public-img {
  width: 71.75%;
  flex-shrink: 0;
  margin-left: -0.8rem;
  pointer-events: none;
}
@media (max-width: 767px) {
  .x-ind-voca2 .container .x-zhong .public-img {
    width: 100%;
    margin-left: 0;
  }
}
.x-ind-voca2 .container .x-zhong .public-img::before {
  padding-top: 70.73170732%;
}
.x-ind-voca2 .container .x-xia {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1rem;
}
.x-ind-voca2 .container .x-xia .x-l {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 50%;
  border: 1px solid #3d8aae;
}
@media (max-width: 767px) {
  .x-ind-voca2 .container .x-xia .x-l {
    width: 100%;
  }
}
.x-ind-voca2 .container .x-xia .x-l:hover .public-img img {
  transform: scale(1.05);
}
.x-ind-voca2 .container .x-xia .x-l .x-txt {
  width: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1rem 0.65rem 0.2rem 0.25rem;
}
@media (max-width: 767px) {
  .x-ind-voca2 .container .x-xia .x-l .x-txt {
    padding: 0.4rem;
  }
}
.x-ind-voca2 .container .x-xia .x-l .x-txt .x-tit {
  color: #fff;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 2.2em;
}
.x-ind-voca2 .container .x-xia .x-l .x-txt .x-p {
  color: #fff;
  margin-top: 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 4.5em;
}
.x-ind-voca2 .container .x-xia .x-l .public-img {
  width: 50%;
}
.x-ind-voca2 .container .x-xia .x-l .public-img::before {
  padding-top: 100%;
}
.x-ind-voca2 .container .x-xia .x-r {
  width: 40.75%;
}
@media (max-width: 767px) {
  .x-ind-voca2 .container .x-xia .x-r {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.x-ind-voca2 .container .x-xia .x-r .x-tit {
  color: #fff;
  line-height: 1;
}
.x-ind-voca2 .container .x-xia .x-r .x-p {
  color: #ffffff;
  line-height: 1.33;
  margin-top: 0.2rem;
}
.x-ind-voca2 .container .x-xia .x-r .public-btn {
  margin-top: 0.6rem;
}
@media (max-width: 767px) {
  .x-ind-voca2 .container .x-xia .x-r .public-btn {
    margin-top: 0.3rem;
  }
}
.x-indd-bj {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.x-ind-voca3 {
  padding: 0.8rem 0 0 0;
}
.x-ind-voca3 .container ul li {
  padding: 0.4rem 0;
  border-bottom: 1px solid #e5e5e5;
}
.x-ind-voca3 .container ul li:last-child {
  border-bottom: none;
}
.x-ind-voca3 .container ul li a {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-ind-voca3 .container ul li a:hover .public-img img {
  transform: scale(1.06);
}
.x-ind-voca3 .container ul li a:hover .x-text .x-tit {
  color: #0066cc;
}
.x-ind-voca3 .container ul li a .public-img {
  width: 50%;
}
@media (max-width: 767px) {
  .x-ind-voca3 .container ul li a .public-img {
    width: 100%;
  }
}
.x-ind-voca3 .container ul li a .public-img::before {
  padding-top: 54.375%;
}
.x-ind-voca3 .container ul li a .x-text {
  width: 43.75%;
  margin-top: 0.4rem;
}
@media (max-width: 767px) {
  .x-ind-voca3 .container ul li a .x-text {
    width: 100%;
  }
}
.x-ind-voca3 .container ul li a .x-text .x-tit {
  text-transform: uppercase;
  line-height: 1.125;
  color: #111111;
  transition: 0.4s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 3.375em;
}
.x-ind-voca3 .container ul li a .x-text .x-p {
  margin-top: 0.35rem;
  line-height: 1.33;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 2.66em;
}
.x-ind-voca3 .container ul li a .x-text .public-btn {
  margin-top: 0.4rem;
}
.x-ind-voca4 {
  padding: 1.2rem 0 1.5rem;
  position: relative;
  z-index: 10;
}
.x-ind-voca4 .container .x-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #f7f7f7;
  padding: 0.5rem 0.5rem 0.5rem 0.6rem;
}
@media (max-width: 767px) {
  .x-ind-voca4 .container .x-box {
    padding: 0.4rem;
  }
}
.x-ind-voca4 .container .x-box .x-text {
  width: 50%;
  padding: 0.9rem 1.2rem 0 0;
}
@media (max-width: 991px) {
  .x-ind-voca4 .container .x-box .x-text {
    width: 100%;
    padding: 0.4rem 0 0;
  }
}
.x-ind-voca4 .container .x-box .x-text .x-p {
  color: #111111;
  line-height: 1.4;
}
.x-ind-voca4 .container .x-box .x-text .public-btn {
  margin-top: 0.4rem;
}
.x-ind-voca4 .container .x-box .public-img {
  width: 50%;
}
@media (max-width: 991px) {
  .x-ind-voca4 .container .x-box .public-img {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-ind-voca4 .container .x-box .public-img::before {
  padding-top: 58%;
}
.x-ind-voca5 .x-app-indu2 {
  background-color: #efeff1;
}
.x-ind-voca5 .x-app-indu2 .container .x-swiper {
  background-color: #fff;
}
.x-ind-voca5 .x-app-indu2 .container .x-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet {
  background-color: #e5e5e5;
}
.x-ind-voca5 .x-app-indu2 .container .x-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #045ec3;
}
.x-ind-voca6 {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.1rem 0;
}
.x-ind-voca6 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0.5rem -0.15rem 0;
}
.x-ind-voca6 .container ul li {
  width: 33.33%;
  display: flex;
  padding: 0 0.15rem 0.3rem;
}
@media (max-width: 991px) {
  .x-ind-voca6 .container ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-ind-voca6 .container ul li {
    width: 100%;
    padding-bottom: 0.4rem;
  }
}
.x-ind-voca6 .container ul li .x-box {
  display: block;
  width: 100%;
  background-color: #f7f7f7;
  text-align: center;
  padding: 0.95rem 0.2rem;
}
.x-ind-voca6 .container ul li .x-box .x-ic {
  width: 0.62rem;
  height: 0.62rem;
  margin: 0 auto;
}
@media (max-width: 1580px) {
  .x-ind-voca6 .container ul li .x-box .x-ic {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.x-ind-voca6 .container ul li .x-box .x-ic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-ind-voca6 .container ul li .x-box .x-tit {
  color: #111111;
  margin-top: 0.6rem;
}
.x-ind-colle1 {
  padding: 1rem 0 0;
}
.x-ind-colle1 .container .x-box {
  padding-bottom: 0.8rem;
}
.x-ind-colle1 .container .x-box .x-title {
  color: #010101;
}
.x-ind-colle1 .container .x-box .swiper-container {
  padding-bottom: 0.6rem;
  margin-top: 0.3rem;
}
.x-ind-colle1 .container .x-box .swiper-container .swiper-wrapper .swiper-slide {
  height: auto;
}
.x-ind-colle1 .container .x-box .swiper-container .swiper-wrapper .swiper-slide a {
  display: block;
}
.x-ind-colle1 .container .x-box .swiper-container .swiper-wrapper .swiper-slide a:hover .public-img img {
  transform: scale(1.05);
}
.x-ind-colle1 .container .x-box .swiper-container .swiper-wrapper .swiper-slide a:hover .x-tit {
  color: #0066cc;
}
.x-ind-colle1 .container .x-box .swiper-container .swiper-wrapper .swiper-slide a .public-img::before {
  padding-top: 62.74509804%;
}
.x-ind-colle1 .container .x-box .swiper-container .swiper-wrapper .swiper-slide a .x-tit {
  color: #111111;
  margin-top: 0.2rem;
  transition: 0.4s ease-in-out;
}
.x-ind-colle1 .container .x-box .swiper-container .swiper-pagination {
  width: 100%;
  height: 0.04rem;
  background-color: #e5e5e5;
  position: absolute;
  left: 0;
  bottom: 0;
  top: auto;
}
.x-ind-colle1 .container .x-box .swiper-container .swiper-pagination .swiper-pagination-progressbar-fill {
  background-color: #045ec3;
}
.x-ind-colle1 .container .x-box .swiper-container .x-public-prev {
  position: absolute;
  left: 0.1rem;
  top: 1.25rem;
  z-index: 5;
}
@media (max-width: 1580px) {
  .x-ind-colle1 .container .x-box .swiper-container .x-public-prev {
    top: 1.5rem;
  }
}
@media (max-width: 1366px) {
  .x-ind-colle1 .container .x-box .swiper-container .x-public-prev {
    top: 1.3rem;
  }
}
@media (max-width: 1260px) {
  .x-ind-colle1 .container .x-box .swiper-container .x-public-prev {
    display: none;
  }
}
.x-ind-colle1 .container .x-box .swiper-container .x-public-next {
  position: absolute;
  right: 0.1rem;
  top: 1.25rem;
  z-index: 5;
}
@media (max-width: 1580px) {
  .x-ind-colle1 .container .x-box .swiper-container .x-public-next {
    top: 1.5rem;
  }
}
@media (max-width: 1366px) {
  .x-ind-colle1 .container .x-box .swiper-container .x-public-next {
    top: 1.3rem;
  }
}
@media (max-width: 1260px) {
  .x-ind-colle1 .container .x-box .swiper-container .x-public-next {
    display: none;
  }
}
.x-learn-co1 .x-banner .x-con .public-img::before {
  padding-top: 20.83333333%;
}
@media (max-width: 1260px) {
  .x-learn-co1 .x-banner .x-con .public-img::before {
    padding-top: 30.833333%;
  }
}
@media (max-width: 991px) {
  .x-learn-co1 .x-banner .x-con .public-img::before {
    padding-top: 43.833333%;
  }
}
@media (max-width: 767px) {
  .x-learn-co1 .x-banner .x-con .public-img::before {
    padding-top: 98.833333%;
  }
}
.x-learn-co1 .x-banner .x-con .container .x-fo {
  margin-top: 0.45rem;
}
.x-learn-co2 {
  padding: 0.9rem 0 1.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.x-learn-co2 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-learn-co2 .container .x-le {
  width: 20.625%;
}
@media (max-width: 991px) {
  .x-learn-co2 .container .x-le {
    width: 100%;
  }
}
.x-learn-co2 .container .x-ri {
  width: 75.9375%;
}
@media (max-width: 991px) {
  .x-learn-co2 .container .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-learn-co2 .container .x-ri ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.5rem;
}
.x-learn-co2 .container .x-ri ul li {
  width: 48.88%;
  padding-bottom: 0.3rem;
}
@media (max-width: 767px) {
  .x-learn-co2 .container .x-ri ul li {
    width: 100%;
    padding-bottom: 0.5rem;
  }
}
.x-learn-co2 .container .x-ri ul li a {
  display: block;
  width: 100%;
}
.x-learn-co2 .container .x-ri ul li a:hover .public-img img {
  transform: scale(1.05);
}
.x-learn-co2 .container .x-ri ul li a:hover .x-tit {
  color: #045ec3;
}
.x-learn-co2 .container .x-ri ul li a .public-img::before {
  padding-top: 61.48648649%;
}
.x-learn-co2 .container .x-ri ul li a .public-img span {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  z-index: 3;
  background-color: #045ec3;
  color: #fff;
  border-radius: 2px;
  padding: 0 0.18rem;
  height: 0.42rem;
  line-height: 0.42rem;
}
@media (max-width: 767px) {
  .x-learn-co2 .container .x-ri ul li a .public-img span {
    height: 0.7rem;
    font-size: 0.24rem;
    line-height: 0.7rem;
  }
}
.x-learn-co2 .container .x-ri ul li a .x-tit {
  color: #111111;
  line-height: 1.18;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 3.54em;
  margin-top: 0.3rem;
  transition: 0.4s ease-in-out;
}
.x-learn-co2 .container .x-ri ul li a .x-a {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.25rem;
}
.x-learn-co2 .container .x-ri ul li a .x-a span {
  margin-right: 0.1rem;
  color: #666666;
  display: inline-block;
  border: 1px solid #b3b3b3;
  border-radius: 2px;
  padding: 0 0.24rem;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  margin-bottom: 0.1rem;
}
.x-learn-case1 .x-banner2 .x-con .public-img::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url('../images/x-liarn-case2.png') no-repeat center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.x-learn-case1 .x-banner2 .x-con .container .x-text {
  text-align: left;
}
.x-learn-case1 .x-banner2 .x-con .container .x-text .x-title {
  text-transform: initial;
}
.x-learn-case1 .x-banner2 .x-con .container .x-text .x-butt {
  text-align: left;
}
.x-learn-co2 .x-top {
  display: block;
}
.x-learn-co2 .x-top .x-fo {
  width: 62.5%;
  margin: 0 auto 0.5rem;
  display: block;
}
@media (max-width: 767px) {
  .x-learn-co2 .x-top .x-fo {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-learn-co2 .x-top .x-fo .x-form {
  width: 100%;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.6rem;
  padding: 0 0.2rem 0 0.3rem;
}
@media (max-width: 767px) {
  .x-learn-co2 .x-top .x-fo .x-form {
    height: 0.8rem;
  }
}
.x-learn-co2 .x-top .x-fo .x-form input {
  display: block;
  color: #999999;
  width: calc(100% - 40px);
  padding-right: 0.2rem;
}
.x-learn-co2 .x-top .x-fo .x-form input::placeholder {
  color: #999999;
}
.x-learn-co2 .x-top .x-fo .x-form button {
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.x-learn-co2 .x-top .x-fo .x-form button svg {
  width: 0.22rem;
  height: 0.22rem;
}
@media (max-width: 767px) {
  .x-learn-co2 .x-top .x-fo .x-form button svg {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-learn-co2 .x-top .x-fo .x-form button svg path {
  fill: #333333;
}
.x-learn-co2 .x-top .x-fo .x-a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.3rem;
}
.x-learn-co2 .x-top .x-fo .x-a a {
  display: inline-block;
  margin-bottom: 0.1rem;
  color: #666666;
  border: 1px solid #ffffff;
  border-radius: 100px;
  height: 34px;
  line-height: 34px;
  padding: 0 0.34rem;
  font-size: 12px;
  margin-right: 0.14rem;
  transition: 0.4s ease-in-out;
  background-color: #fff;
}
.x-learn-co2 .x-top .x-fo .x-a a:hover {
  border-color: #1b2126;
  background-color: #1b2126;
  color: #fff;
}
.x-learn-faq1 {
  background-color: #f7f7f7;
  padding: 1.2rem 0 1.4rem;
}
.x-learn-faq1 .container .x-top {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #dedede;
  overflow-x: auto;
}
.x-learn-faq1 .container .x-top a {
  display: inline-block;
  color: rgba(51, 51, 51, 0.8);
  width: 19.5%;
  text-align: center;
  padding: 0.12rem;
  position: relative;
  transition: 0.4s ease-in-out;
  flex-shrink: 0;
  white-space: nowrap;
}
@media (max-width: 1580px) {
  .x-learn-faq1 .container .x-top a {
    font-size: 16px;
  }
}
@media (max-width: 1260px) {
  .x-learn-faq1 .container .x-top a {
    width: auto;
    padding: 0.12rem 0.3rem;
  }
}
@media (max-width: 767px) {
  .x-learn-faq1 .container .x-top a {
    font-size: 0.3rem;
  }
}
.x-learn-faq1 .container .x-top a:hover {
  color: #333;
}
.x-learn-faq1 .container .x-top a.on {
  color: #333333;
}
.x-learn-faq1 .container .x-top a.on::before {
  width: 100%;
}
.x-learn-faq1 .container .x-top a::before {
  content: "";
  width: 0;
  height: 2px;
  background-color: #000000;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-learn-faq1 .container .x-top a::before {
    display: none;
  }
}
.x-learn-faq1 .container ul {
  margin: 0.7rem 0 0.5rem 0;
}
.x-learn-faq1 .container ul li {
  background-color: #fff;
  margin-bottom: 20px;
}
.x-learn-faq1 .container ul li.on .x-t i img:nth-child(1),
.x-learn-faq1 .container ul li.on .x-t i svg:nth-child(1) {
  opacity: 0;
}
.x-learn-faq1 .container ul li.on .x-t i img:nth-child(2),
.x-learn-faq1 .container ul li.on .x-t i svg:nth-child(2) {
  opacity: 1;
}
.x-learn-faq1 .container ul li .x-t {
  position: relative;
  padding: 0.34rem 0.96rem 0.34rem 0.4rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  .x-learn-faq1 .container ul li .x-t {
    padding-right: 1.1rem;
  }
}
.x-learn-faq1 .container ul li .x-t .x-title {
  color: #111111;
  line-height: 1.2;
}
.x-learn-faq1 .container ul li .x-t i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background-color: #045ec3;
  position: absolute;
  right: 0.46rem;
  top: 0.28rem;
}
@media (max-width: 1580px) {
  .x-learn-faq1 .container ul li .x-t i {
    width: 28px;
    height: 28px;
  }
}
.x-learn-faq1 .container ul li .x-t i img,
.x-learn-faq1 .container ul li .x-t i svg {
  width: 14px;
  height: 14px;
  object-fit: contain;
  transition: 0.4s ease-in-out;
}
@media (max-width: 1580px) {
  .x-learn-faq1 .container ul li .x-t i img,
  .x-learn-faq1 .container ul li .x-t i svg {
    width: 12px;
    height: 12px;
  }
}
.x-learn-faq1 .container ul li .x-t i img:nth-child(2),
.x-learn-faq1 .container ul li .x-t i svg:nth-child(2) {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.x-learn-faq1 .container ul li .x-p {
  display: none;
  color: #333333;
  line-height: 1.33;
  margin: 0 0.4rem 0 0.4rem;
  padding: 0.3rem 0.5rem 0.45rem 0;
  border-top: 1px solid #f0f0f0;
}
@media (max-width: 767px) {
  .x-learn-faq1 .container ul li .x-p {
    padding-right: 0;
  }
}
.x-pri-ser1 {
  padding: 1.3rem 0 0.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .x-pri-ser1 {
    padding: 1.2rem 0 0.4rem;
  }
}
.x-pri-ser1 .container ul li {
  padding-bottom: 0.9rem;
}
.x-pri-ser1 .container ul li .pub_title p {
  margin-top: 0.25rem;
}
.x-pri-ser1 .container ul li .public-img {
  margin-top: 0.35rem;
}
.x-pri-ser1 .container ul li .public-img::before {
  padding-top: 38.125%;
}
.x-pri-ser2 {
  background-color: #f7f7f7;
  margin-bottom: 1.4rem;
  padding: 1.5rem 0 1.2rem;
}
@media (max-width: 767px) {
  .x-pri-ser2 {
    padding: 1.2rem 0 0.2rem;
    margin-bottom: 1.2rem;
  }
}
.x-pri-ser2 .x-con ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.x-pri-ser2 .x-con ul li {
  width: 20%;
  margin-bottom: 0.3rem;
  border-right: 1px solid #d9d9d9;
}
@media (max-width: 991px) {
  .x-pri-ser2 .x-con ul li {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .x-pri-ser2 .x-con ul li {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .x-pri-ser2 .x-con ul li:nth-child(3n) {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .x-pri-ser2 .x-con ul li:nth-child(3n) {
    border-right: 1px solid #d9d9d9;
  }
}
@media (max-width: 767px) {
  .x-pri-ser2 .x-con ul li:nth-child(2n) {
    border-right: none;
  }
}
.x-pri-ser2 .x-con ul li:last-child {
  border-right: none;
}
.x-pri-ser2 .x-con ul li .x-box {
  width: 100%;
  text-align: center;
  padding: 0 0.2rem 0.6rem;
}
.x-pri-ser2 .x-con ul li .x-box .x-ic {
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
}
.x-pri-ser2 .x-con ul li .x-box .x-ic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-pri-ser2 .x-con ul li .x-box .x-p {
  color: #111111;
  line-height: 1.4;
  margin-top: 0.3rem;
}
@media (max-width: 991px) {
  .x-pri-ser2 .x-con ul li .x-box .x-p br {
    display: none;
  }
}
.x-pri-ser3 .x-top .x-img {
  width: 100%;
  height: 4.2rem;
}
.x-pri-ser3 .x-top .x-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x-pri-ser3 .x-xia {
  margin-top: -2.8rem;
}
.x-pri-ser3 .x-xia .pub_title {
  text-align: center;
}
.x-pri-ser3 .x-xia .x-box {
  background-color: #fff;
  position: relative;
  z-index: 5;
  padding: 0.7rem 0.6rem 0.5rem;
  margin-top: 0.5rem;
  box-shadow: 0 0 0.36rem rgba(0, 0, 0, 0.04);
}
@media (max-width: 767px) {
  .x-pri-ser3 .x-xia .x-box {
    padding: 0.6rem 0.4rem;
  }
}
.x-pri-ser3 .x-xia .x-box ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.15rem;
}
.x-pri-ser3 .x-xia .x-box ul li {
  width: 20%;
  padding: 0 0.15rem 0.3rem;
}
@media (max-width: 991px) {
  .x-pri-ser3 .x-xia .x-box ul li {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .x-pri-ser3 .x-xia .x-box ul li {
    width: 50%;
  }
}
.x-pri-ser3 .x-xia .x-box ul li .x-img {
  width: 100%;
  height: 1.16rem;
  border-radius: 0.06rem;
  overflow: hidden;
}
.x-pri-ser3 .x-xia .x-box ul li .x-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x-pri-ser4 {
  padding: 1.4rem 0 1.3rem;
  background: linear-gradient(to bottom, #fff, #f7f7f7);
}
@media (max-width: 767px) {
  .x-pri-ser4 {
    padding: 1.2rem 0;
  }
}
.x-pri-ser4 .container .x-top {
  text-align: center;
}
.x-pri-ser4 .container .x-top .public-btn {
  margin-top: 0.5rem;
}
.x-pri-ser4 .container .x-xia {
  margin-top: 1.05rem;
}
@media (max-width: 991px) {
  .x-pri-ser4 .container .x-xia {
    overflow-x: auto;
    padding-left: 0.4rem;
  }
}
.x-pri-ser4 .container .x-xia ul {
  display: flex;
  justify-content: flex-start;
  overflow-x: auto;
  padding-top: 1rem;
  padding-left: 0.2rem;
  margin-left: -0.2rem;
}
@media (max-width: 1260px) {
  .x-pri-ser4 .container .x-xia ul {
    padding-bottom: 0.2rem;
  }
}
@media (max-width: 991px) {
  .x-pri-ser4 .container .x-xia ul {
    width: 1200px;
    overflow: initial;
  }
}
.x-pri-ser4 .container .x-xia ul li {
  width: 22.425%;
  padding-right: 0.2rem;
  flex-shrink: 0;
}
.x-pri-ser4 .container .x-xia ul li:last-child {
  width: 10%;
}
@media (max-width: 1260px) {
  .x-pri-ser4 .container .x-xia ul li:last-child {
    width: 22.425%;
  }
}
.x-pri-ser4 .container .x-xia ul li:last-child .x-box .x-t .x-ic::after {
  display: none;
}
.x-pri-ser4 .container .x-xia ul li .x-box .x-t {
  position: relative;
  width: 1.4rem;
  height: 1.4rem;
}
.x-pri-ser4 .container .x-xia ul li .x-box .x-t span {
  font-size: 1rem;
  color: #fff;
  text-shadow: -1px -1px 0 #045ec3, 1px -1px 0 #045ec3, -1px 1px 0 #045ec3, 1px 1px 0 #045ec3;
  line-height: 1;
  position: absolute;
  left: 50%;
  top: -0.8rem;
  transform: translateX(-50%);
}
.x-pri-ser4 .container .x-xia ul li .x-box .x-t span::before {
  content: "";
  width: 100%;
  height: 0.46rem;
  background: url('../images/x-pri-ser22.png') no-repeat center;
  background-size: cover;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.08rem;
}
.x-pri-ser4 .container .x-xia ul li .x-box .x-t .x-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 100%;
  background-color: #045ec3;
  position: relative;
  z-index: 5;
}
.x-pri-ser4 .container .x-xia ul li .x-box .x-t .x-ic::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(4, 94, 195, 0.12);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.2);
  border-radius: 100%;
}
.x-pri-ser4 .container .x-xia ul li .x-box .x-t .x-ic::after {
  content: "";
  width: 76px;
  height: 8px;
  background: url('../images/x-pri-ser23.png') no-repeat center;
  background-size: contain;
  position: absolute;
  left: 2.1rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
}
@media (max-width: 1260px) {
  .x-pri-ser4 .container .x-xia ul li .x-box .x-t .x-ic::after {
    width: 0.76rem;
    left: 1.8rem;
  }
}
@media (max-width: 991px) {
  .x-pri-ser4 .container .x-xia ul li .x-box .x-t .x-ic::after {
    left: 2.4rem;
  }
}
@media (max-width: 767px) {
  .x-pri-ser4 .container .x-xia ul li .x-box .x-t .x-ic::after {
    left: 3.1rem;
  }
}
.x-pri-ser4 .container .x-xia ul li .x-box .x-t .x-ic img {
  width: 0.5rem;
  height: 0.5rem;
  object-fit: contain;
}
.x-pri-ser4 .container .x-xia ul li .x-box .x-txt {
  margin-top: 0.55rem;
}
.x-pri-ser4 .container .x-xia ul li .x-box .x-txt .x-tit {
  color: #111111;
}
.x-pri-ser4 .container .x-xia ul li .x-box .x-txt .x-p {
  margin-top: 0.1rem;
}
.x-pri-ser4 .container .x-xia ul li .x-box .x-txt .x-p p {
  display: flex;
}
.x-pri-ser4 .container .x-xia ul li .x-box .x-txt .x-p p i {
  display: inline-flex;
  font-style: initial;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #333333;
  position: relative;
  top: 0.6em;
  flex-shrink: 0;
  margin-right: 0.1rem;
}
@media (max-width: 767px) {
  .x-pri-ser4 .container .x-xia ul li .x-box .x-txt .x-p p i {
    width: 4px;
    height: 4px;
  }
}
.x-pri-ser4 .container .x-xia ul li .x-box .x-txt .x-p p span {
  color: #333333;
}
.x-pri-ser5 {
  padding: 1.3rem 0 1.4rem;
}
@media (max-width: 767px) {
  .x-pri-ser5 {
    padding: 1.2rem 0;
  }
}
.x-pri-ser5 .container .pub_title {
  text-align: center;
}
.x-pri-ser5 .container .x-top {
  display: flex;
  justify-content: flex-start;
  margin-top: 0.65rem;
  border-bottom: 1px solid #e5e5e5;
}
.x-pri-ser5 .container .x-top .x-swiper1 {
  width: 81.25%;
}
@media (max-width: 767px) {
  .x-pri-ser5 .container .x-top .x-swiper1 {
    width: 63.25%;
  }
}
.x-pri-ser5 .container .x-top .x-swiper1 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p {
  color: #333333;
}
.x-pri-ser5 .container .x-top .x-swiper1 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p::before {
  width: 100%;
}
.x-pri-ser5 .container .x-top .x-swiper1 .swiper-container .swiper-wrapper .swiper-slide p {
  padding: 0 0.1rem 0.15rem;
  color: #999999;
  cursor: pointer;
  position: relative;
  text-align: center;
  transition: 0.4s ease-in-out;
}
.x-pri-ser5 .container .x-top .x-swiper1 .swiper-container .swiper-wrapper .swiper-slide p:hover {
  color: #111;
}
.x-pri-ser5 .container .x-top .x-swiper1 .swiper-container .swiper-wrapper .swiper-slide p::before {
  content: "";
  width: 0;
  height: 0.02rem;
  background-color: #000000;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.4s ease-in-out;
}
.x-pri-ser5 .container .x-top .x-a {
  width: 18.75%;
  text-align: right;
  margin-bottom: 0.05rem;
}
@media (max-width: 767px) {
  .x-pri-ser5 .container .x-top .x-a {
    width: 35.25%;
  }
}
.x-pri-ser5 .container .x-top .x-a a {
  display: inline-flex;
  align-items: center;
  color: #045ec3;
  height: 100%;
}
.x-pri-ser5 .container .x-top .x-a a i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: #045ec3;
  border-radius: 100%;
  margin-left: 0.1rem;
  flex-shrink: 0;
}
.x-pri-ser5 .container .x-top .x-a a i svg {
  width: 8px;
  height: 8px;
  transform: rotate(180deg);
}
.x-pri-ser5 .container .x-top .x-a a i svg path {
  fill: #fff;
}
.x-pri-ser5 .container .x-xia {
  margin-top: 0.4rem;
}
.x-pri-ser5 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-pri-ser5 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide:hover .public-img img {
  transform: scale(1.05);
}
.x-pri-ser5 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide .public-img {
  width: 50%;
}
@media (max-width: 767px) {
  .x-pri-ser5 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide .public-img {
    width: 100%;
  }
}
.x-pri-ser5 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide .public-img::before {
  padding-top: 75%;
}
.x-pri-ser5 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide .x-r {
  width: 50%;
  background-color: #f7f7f7;
  padding: 1.7rem 1.1rem 0.2rem 1rem;
}
@media (max-width: 1260px) {
  .x-pri-ser5 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide .x-r {
    padding: 0.8rem 0.6rem;
  }
}
@media (max-width: 767px) {
  .x-pri-ser5 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide .x-r {
    width: 100%;
    padding: 0.6rem 0.4rem;
  }
}
.x-pri-ser5 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide .x-r .x-tit {
  color: #111111;
}
.x-pri-ser5 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide .x-r .x-p {
  color: #333333;
  line-height: 1.33;
  margin-top: 0.1rem;
}
.x-pri-ser5 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide .x-r .public-btn {
  padding: 0 0.25rem;
  margin-top: 0.55rem;
}
.x-pri-ser6 {
  background-color: #1b2126;
  padding: 1.3rem 0 1.4rem;
}
.x-pri-ser6 .container .pub_title {
  text-align: center;
}
.x-pri-ser6 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.x-pri-ser6 .container ul li {
  width: 33.33%;
  display: flex;
  border-bottom: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
}
@media (max-width: 767px) {
  .x-pri-ser6 .container ul li {
    width: 100%;
    border: none !important;
    border-top: 1px solid #b2b2b2 !important;
  }
}
.x-pri-ser6 .container ul li:nth-child(3n) {
  border-right: 1px solid #b2b2b2;
}
.x-pri-ser6 .container ul li:nth-child(-n+3) {
  border-top: 1px solid #b2b2b2;
}
@media (max-width: 767px) {
  .x-pri-ser6 .container ul li:nth-child(-n+3) {
    border-top: none;
  }
}
.x-pri-ser6 .container ul li a {
  display: block;
  width: 100%;
  position: relative;
}
.x-pri-ser6 .container ul li a:hover .public-img img {
  transform: scale(1.05);
}
.x-pri-ser6 .container ul li a .public-img::before {
  padding-top: 49.05660377%;
}
.x-pri-ser6 .container ul li a .public-img::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(41, 48, 54, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.x-pri-ser6 .container ul li a .x-tit {
  color: #fff;
  line-height: 1.1;
  width: 100%;
  text-align: center;
  padding: 0 0.2rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
.x-pri-ser7 {
  padding: 1.3rem 0 1.4rem;
}
@media (max-width: 767px) {
  .x-pri-ser7 {
    padding: 1.2rem 0 0.8rem;
  }
}
.x-pri-ser7 .container .pub_title {
  text-align: center;
}
.x-pri-ser7 .container ul {
  display: flex;
  justify-content: flex-start;
  margin-top: 0.5rem;
  border: 1px solid #e5e5e5;
}
@media (max-width: 767px) {
  .x-pri-ser7 .container ul {
    flex-wrap: wrap;
    border: none;
    margin-top: 0.4rem;
  }
}
.x-pri-ser7 .container ul li {
  width: 25%;
  display: flex;
  border-right: 1px solid #e5e5e5;
}
@media (max-width: 767px) {
  .x-pri-ser7 .container ul li {
    width: 100%;
    margin-bottom: 0.4rem;
    border: none;
  }
}
.x-pri-ser7 .container ul li:last-child {
  border-right: none;
}
.x-pri-ser7 .container ul li a {
  width: 100%;
  display: block;
  position: relative;
}
.x-pri-ser7 .container ul li a:hover::before {
  background-color: rgba(0, 0, 0, 0.6);
}
.x-pri-ser7 .container ul li a:hover .x-tit {
  color: #fff;
}
.x-pri-ser7 .container ul li a::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-pri-ser7 .container ul li a::before {
    background-color: rgba(0, 0, 0, 0.6);
  }
}
.x-pri-ser7 .container ul li a .public-img::before {
  padding-top: 150%;
}
@media (max-width: 767px) {
  .x-pri-ser7 .container ul li a .public-img::before {
    padding-top: 84%;
  }
}
.x-pri-ser7 .container ul li a .x-tit {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  color: #111111;
  width: 100%;
  text-align: center;
  padding: 0 0.1rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-pri-ser7 .container ul li a .x-tit {
    color: #fff;
  }
}
.x-pri-ser8 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.7rem 0 1.9rem;
}
@media (max-width: 767px) {
  .x-pri-ser8 {
    padding: 1.2rem 0;
  }
}
.x-pri-ser8 .container {
  text-align: center;
  padding: 0 2rem;
}
@media (max-width: 1260px) {
  .x-pri-ser8 .container {
    padding: 0;
  }
}
.x-pri-ser8 .container .pub_title h2 {
  color: #111111;
}
.x-pri-ser8 .container .pub_title p {
  line-height: 1.33;
  margin-top: 0.35rem;
  color: #333333;
}
.x-pri-ser9 {
  background-color: #1b2126;
  padding: 1.3rem 0 1.4rem;
}
@media (max-width: 767px) {
  .x-pri-ser9 {
    padding: 1.2rem 0;
  }
}
.x-pri-ser9 .container .pub_title {
  text-align: center;
}
.x-pri-ser9 .container .x-xia {
  background-color: #fff;
  padding: 0.6rem;
  margin-top: 0.5rem;
}
@media (max-width: 991px) {
  .x-pri-ser9 .container .x-xia .x-x-bg {
    overflow-x: auto;
    padding-bottom: 0.2rem;
  }
}
.x-pri-ser9 .container .x-xia table {
  width: 100%;
}
@media (max-width: 991px) {
  .x-pri-ser9 .container .x-xia table {
    width: 1200px;
  }
}
@media (max-width: 767px) {
  .x-pri-ser9 .container .x-xia table {
    width: 900px;
  }
}
.x-pri-ser9 .container .x-xia table tbody {
  color: #111111;
}
.x-pri-ser9 .container .x-xia table tbody tr,
.x-pri-ser9 .container .x-xia table tbody td {
  border: 1px solid #d9d9d9;
}
.x-pri-ser9 .container .x-xia table tbody tr:nth-child(1) {
  background-color: #ededed;
}
.x-pri-ser9 .container .x-xia table tbody td {
  height: 50px;
  vertical-align: middle;
  padding: 5px 0 5px 0.5rem;
}
.x-sof-det1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2.1rem 0 2.3rem;
}
@media (max-width: 767px) {
  .x-sof-det1 {
    padding: 1.2rem 0;
  }
}
.x-sof-det1 .container .x-p {
  line-height: 1.25;
  color: #fff;
  text-align: center;
}
@media (max-width: 1580px) {
  .x-sof-det1 .container .x-p br {
    display: none;
  }
}
.x-sof-det2 {
  background-color: #efeff1;
  padding: 1.3rem 0 0.4rem;
}
@media (max-width: 767px) {
  .x-sof-det2 {
    padding: 1.2rem 0 0.2rem;
  }
}
.x-sof-det2 .container .pub_title {
  text-align: center;
}
.x-sof-det2 .container ul {
  margin-top: 0.8rem;
}
@media (max-width: 767px) {
  .x-sof-det2 .container ul {
    margin-top: 0.4rem;
  }
}
.x-sof-det2 .container ul li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 1rem;
}
.x-sof-det2 .container ul li:nth-child(2n) .x-r {
  order: -1;
}
@media (max-width: 991px) {
  .x-sof-det2 .container ul li:nth-child(2n) .x-r {
    order: 1;
  }
}
.x-sof-det2 .container ul li .public-img {
  width: 48.75%;
}
@media (max-width: 991px) {
  .x-sof-det2 .container ul li .public-img {
    width: 100%;
  }
}
.x-sof-det2 .container ul li .public-img::before {
  padding-top: 58.46153846%;
}
.x-sof-det2 .container ul li .x-r {
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 991px) {
  .x-sof-det2 .container ul li .x-r {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-sof-det2 .container ul li .x-r .x-text .x-tit {
  line-height: 1;
}
.x-sof-det2 .container ul li .x-r .x-text .x-p {
  line-height: 1.33;
  margin-top: 0.3rem;
}
@media (max-width: 767px) {
  .x-sof-det2 .container ul li .x-r .x-text .x-p {
    margin-top: 0.2rem;
  }
}
.x-sof-det3 {
  background-color: #f7f7f7;
  padding: 1.3rem 0 1.6rem;
}
@media (max-width: 767px) {
  .x-sof-det3 {
    padding: 1.2rem 0 0.8rem;
  }
}
.x-sof-det3 .container .pub_title {
  text-align: center;
}
.x-sof-det3 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0.5rem -0.15rem 0;
}
.x-sof-det3 .container ul li {
  width: 25%;
  padding: 0 0.15rem 0.3rem;
  display: flex;
}
@media (max-width: 991px) {
  .x-sof-det3 .container ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-sof-det3 .container ul li {
    width: 100%;
    padding-bottom: 0.4rem;
  }
}
.x-sof-det3 .container ul li .x-box {
  width: 100%;
  background-color: #fff;
  padding: 0.8rem 0 0.9rem;
}
@media (max-width: 767px) {
  .x-sof-det3 .container ul li .x-box {
    padding: 0.6rem 0;
  }
}
.x-sof-det3 .container ul li .x-box .x-ic {
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .x-sof-det3 .container ul li .x-box .x-ic {
    width: 1.4rem;
    height: 1.4rem;
  }
}
.x-sof-det3 .container ul li .x-box .x-ic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-sof-det3 .container ul li .x-box .x-tit {
  text-align: center;
  margin-top: 0.9rem;
  padding: 0 0.1rem;
}
@media (max-width: 1580px) {
  .x-sof-det3 .container ul li .x-box .x-tit {
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .x-sof-det3 .container ul li .x-box .x-tit {
    margin-top: 0.4rem;
  }
}
.x-sof-det4 {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.1rem 0 1.3rem;
}
.x-sof-det4 .container .pub_title {
  text-align: center;
}
.x-sof-det4 .container ul {
  padding: 0 2rem;
  margin-top: 0.4rem;
}
@media (max-width: 1580px) {
  .x-sof-det4 .container ul {
    padding: 0 1rem;
  }
}
@media (max-width: 991px) {
  .x-sof-det4 .container ul {
    padding: 0;
  }
}
.x-sof-det4 .container ul li {
  border-radius: 4px;
  margin-bottom: 15px;
  transition: 0.4s ease-in-out;
}
.x-sof-det4 .container ul li.on {
  background-color: #333b41;
}
.x-sof-det4 .container ul li.on .x-t {
  border-color: transparent;
}
.x-sof-det4 .container ul li.on .x-t i {
  transform: rotate(180deg);
}
.x-sof-det4 .container ul li .x-t {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  padding: 0.21rem 0.8rem 0.21rem 0.3rem;
  cursor: pointer;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-sof-det4 .container ul li .x-t {
    padding: 0.28rem 0.8rem 0.28rem 0.3rem;
  }
}
.x-sof-det4 .container ul li .x-t .x-title {
  color: #fff;
}
.x-sof-det4 .container ul li .x-t i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 0.4rem;
  top: 0.25rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 1580px) {
  .x-sof-det4 .container ul li .x-t i {
    width: 12px;
    height: 12px;
    top: 0.3rem;
  }
}
@media (max-width: 767px) {
  .x-sof-det4 .container ul li .x-t i {
    top: 0.38rem;
  }
}
.x-sof-det4 .container ul li .x-t i svg,
.x-sof-det4 .container ul li .x-t i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-sof-det4 .container ul li .x-t i svg path,
.x-sof-det4 .container ul li .x-t i img path {
  fill: #fff;
}
.x-sof-det4 .container ul li .x-p {
  color: #fff;
  line-height: 1.33;
  padding: 0.05rem 0.6rem 0.5rem 0.3rem;
  display: none;
}
@media (max-width: 1580px) {
  .x-sof-det4 .container ul li .x-p br {
    display: none;
  }
}
.x-sof-det4 .container .x-pl {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.55rem;
}
@media (max-width: 767px) {
  .x-sof-det4 .container .x-pl {
    font-size: 0.24rem;
  }
}
.x-sof-det4 .container .x-pl i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 0.08rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .x-sof-det4 .container .x-pl i {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-sof-det4 .container .x-pl i svg,
.x-sof-det4 .container .x-pl i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-sof-det4 .container .x-pl p {
  color: #cccccc;
}
.x-sof-det4 .container .x-pl p a {
  color: #3790f4;
  text-decoration: underline;
}
.x-sof-hub1 {
  padding: 1.3rem 0 1.4rem;
}
.x-sof-hub1 .container .public-img {
  margin-top: 0.55rem;
}
.x-sof-hub1 .container .public-img::before {
  padding-top: 50%;
}
.x-sof-hub2 .x-sof-det2 .container .pub_title {
  text-align: left;
}
.x-sof-hub2 .x-sof-det2 .container ul {
  margin-top: 0.5rem;
}
.x-sof-det5 {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.3rem 0 1.1rem;
}
.x-sof-det5 .container {
  text-align: center;
}
.x-sof-det5 .container .pub_title {
  text-align: center;
}
.x-sof-det5 .container .public-btn {
  margin-top: 0.7rem;
}
.x-sof-det5 .container .public-btn p {
  color: #045ec3;
}
.x-sof-hub3 {
  padding: 0.9rem 0 1.2rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .x-sof-hub3 {
    padding: 1.2rem 0 0.8rem;
  }
}
.x-sof-hub3 .x-xia {
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .x-sof-hub3 .x-xia {
    width: 90%;
    margin: 0.4rem auto 0;
  }
}
.x-sof-hub3 .x-xia ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.1rem;
}
.x-sof-hub3 .x-xia ul li {
  width: 20%;
  padding: 0 0.1rem 0.2rem;
  display: flex;
}
@media (max-width: 1260px) {
  .x-sof-hub3 .x-xia ul li {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .x-sof-hub3 .x-xia ul li {
    width: 100%;
    padding-bottom: 0.4rem;
  }
}
.x-sof-hub3 .x-xia ul li .x-box {
  width: 100%;
  position: relative;
  padding: 0.7rem 0.3rem 0.6rem;
  cursor: pointer;
}
.x-sof-hub3 .x-xia ul li .x-box:hover::before {
  background: url('../images/x-sof-hub8.jpg') no-repeat center;
  background-size: cover;
}
@media (max-width: 767px) {
  .x-sof-hub3 .x-xia ul li .x-box:hover::before {
    background: url('../images/x-sof-hub7.jpg') no-repeat center;
    background-size: cover;
  }
}
.x-sof-hub3 .x-xia ul li .x-box:hover .x-text {
  top: -0.4rem;
}
.x-sof-hub3 .x-xia ul li .x-box:hover .x-text .x-tit {
  color: #fff;
}
@media (max-width: 767px) {
  .x-sof-hub3 .x-xia ul li .x-box:hover .x-text .x-tit {
    color: #111;
  }
}
.x-sof-hub3 .x-xia ul li .x-box:hover .x-text .x-p {
  opacity: 1;
}
.x-sof-hub3 .x-xia ul li .x-box:hover i {
  opacity: 0;
}
.x-sof-hub3 .x-xia ul li .x-box::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url('../images/x-sof-hub7.jpg') no-repeat center;
  background-size: cover;
  transition: 0.4s ease-in-out;
}
.x-sof-hub3 .x-xia ul li .x-box .x-text {
  position: relative;
  z-index: 10;
  top: 0;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-sof-hub3 .x-xia ul li .x-box .x-text {
    top: 0 !important;
  }
}
.x-sof-hub3 .x-xia ul li .x-box .x-text .x-tit {
  color: #111111;
  line-height: 1.36;
  transition: 0.4s ease-in-out;
}
.x-sof-hub3 .x-xia ul li .x-box .x-text .x-p {
  color: #fff;
  opacity: 0;
  margin-top: 0.3rem;
  line-height: 1.375;
}
@media (max-width: 767px) {
  .x-sof-hub3 .x-xia ul li .x-box .x-text .x-p {
    opacity: 1;
    color: #333;
  }
}
.x-sof-hub3 .x-xia ul li .x-box i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  left: 0.3rem;
  bottom: 0.6rem;
  z-index: 10;
  transition: 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .x-sof-hub3 .x-xia ul li .x-box i {
    display: none;
  }
}
.x-sof-hub3 .x-xia ul li .x-box i img,
.x-sof-hub3 .x-xia ul li .x-box i svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-sof-banner .x-banner2 .x-con .container .x-text {
  text-align: left;
  padding-left: 1.1rem;
}
@media (max-width: 1260px) {
  .x-sof-banner .x-banner2 .x-con .container .x-text {
    padding-left: 0;
  }
}
.x-sof-banner .x-banner2 .x-con .container .x-text .x-butt {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
@media (max-width: 767px) {
  .x-sof-banner .x-banner2 .x-con .container .x-text .x-butt .public-btn svg {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-sof-banner .x-banner2 .x-con .container .x-text .x-butt .public-btn3 svg path {
  fill: #045ec3;
}
.x-sof-banner .x-banner2 .x-con .container .x-text .x-ab {
  margin-top: 0.15rem;
  width: 100%;
}
.x-sof-banner .x-banner2 .x-con .container .x-text .x-ab a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: underline;
  padding: 0;
}
.x-sof-neo1 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 1.9rem 0 2rem;
}
@media (max-width: 767px) {
  .x-sof-neo1 {
    padding: 1.2rem 0;
  }
}
.x-sof-neo1 .container {
  padding: 0 1.7rem;
}
@media (max-width: 1260px) {
  .x-sof-neo1 .container {
    padding: 0;
  }
}
.x-sof-neo1 .container .x-p {
  color: #111111;
  line-height: 1.47;
  text-align: center;
}
.x-sof-neo2 {
  background-color: #1b2126;
  padding: 1.3rem 0 1.4rem;
}
.x-sof-neo2 .container .pub_title p {
  text-transform: uppercase;
  margin-top: 0.3rem;
}
.x-sof-neo2 .container .x-xia {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.x-sof-neo2 .container .x-xia .x-le {
  width: 30.625%;
}
@media (max-width: 991px) {
  .x-sof-neo2 .container .x-xia .x-le {
    width: 100%;
  }
}
.x-sof-neo2 .container .x-xia .x-le p {
  background-color: #282e33;
  color: #fff;
  margin-bottom: 0.2rem;
  line-height: 1.375;
  min-height: 1.03rem;
  padding: 0.1rem 0.3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1580px) {
  .x-sof-neo2 .container .x-xia .x-le p {
    min-height: 1.22rem;
  }
  .x-sof-neo2 .container .x-xia .x-le p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .x-sof-neo2 .container .x-xia .x-le p {
    padding: 0.2rem 0.4rem;
  }
}
.x-sof-neo2 .container .x-xia .x-le p:last-child {
  margin-bottom: 0;
}
.x-sof-neo2 .container .x-xia .x-ri {
  width: 68.125%;
  padding-right: 0.9rem;
}
@media (max-width: 1580px) {
  .x-sof-neo2 .container .x-xia .x-ri {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .x-sof-neo2 .container .x-xia .x-ri {
    width: 100%;
    order: -1;
    margin-bottom: 0.4rem;
  }
}
.x-sof-neo2 .container .x-xia .x-ri .public-img {
  height: 100%;
}
.x-sof-neo2 .container .x-xia .x-ri .public-img::before {
  padding-top: 59.5959596%;
}
.x-sof-neo2 .container .x-xia .x-ri .public-img video {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .x-sof-neo2 .container .x-xia .x-ri .public-img video {
    display: none;
  }
}
.x-sof-neo3 .x-use-pa3 {
  padding: 1.3rem 0 0.7rem;
}
.x-sof-neo4 {
  padding: 1.3rem 0 1.7rem;
}
.x-sof-neo4 .container .pub_title {
  text-align: center;
}
.x-sof-neo4 .container .x-a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.7rem;
}
.x-sof-neo4 .container .x-a a {
  margin: 0 0.1rem;
}
.x-sof-neo4 .container .x-a .public-btn3 {
  border: 1px solid #111111;
}
.x-sof-neo4 .container .x-a .public-btn3 svg path {
  fill: #111111;
}
.x-sof-intr1 .x-banner2 .x-con .public-img::after {
  display: none;
}
.x-sof-intr1 .x-banner2 .x-con .container .x-text {
  text-align: left;
}
.x-sof-intr1 .x-banner2 .x-con .container .x-text .x-butt {
  text-align: left;
}
.x-sof-intr2 {
  background-color: #1b2126;
  padding: 1.7rem 0 1.1rem;
}
@media (max-width: 767px) {
  .x-sof-intr2 {
    padding: 1.2rem 0;
  }
}
.x-sof-intr2 .container .x-top .x-tit {
  text-transform: uppercase;
  color: #fff;
  line-height: 1.07;
}
.x-sof-intr2 .container .x-top .x-p {
  color: #fff;
  line-height: 1.1;
  margin-top: 0.12rem;
}
.x-sof-intr2 .container .x-top .x-sp {
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.41;
  margin-top: 0.15rem;
}
.x-sof-intr2 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.15rem;
  margin-top: 0.5rem;
}
.x-sof-intr2 .container ul li {
  width: 33.33%;
  padding: 0 0.15rem 0.3rem;
  display: flex;
}
@media (max-width: 991px) {
  .x-sof-intr2 .container ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-sof-intr2 .container ul li {
    width: 100%;
    padding-bottom: 0.4rem;
  }
}
.x-sof-intr2 .container ul li:nth-child(1),
.x-sof-intr2 .container ul li:nth-child(2) {
  width: 50%;
}
@media (max-width: 767px) {
  .x-sof-intr2 .container ul li:nth-child(1),
  .x-sof-intr2 .container ul li:nth-child(2) {
    width: 100%;
  }
}
.x-sof-intr2 .container ul li:nth-child(1) .x-box,
.x-sof-intr2 .container ul li:nth-child(2) .x-box {
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .x-sof-intr2 .container ul li:nth-child(1) .x-box,
  .x-sof-intr2 .container ul li:nth-child(2) .x-box {
    padding: 0.4rem;
  }
}
.x-sof-intr2 .container ul li:nth-child(1) .x-box .x-text .x-title,
.x-sof-intr2 .container ul li:nth-child(2) .x-box .x-text .x-title {
  min-height: initial;
}
.x-sof-intr2 .container ul li .x-box {
  width: 100%;
  padding: 0.5rem 0.3rem 0.3rem 0.4rem;
  border: 1px solid #818385;
  background-color: #282e33;
}
.x-sof-intr2 .container ul li .x-box .x-ic {
  width: 1.1rem;
  height: 1.1rem;
}
.x-sof-intr2 .container ul li .x-box .x-ic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x-sof-intr2 .container ul li .x-box .x-text {
  margin-top: 0.2rem;
}
.x-sof-intr2 .container ul li .x-box .x-text .x-title {
  color: #fff;
  min-height: 0.54rem;
}
.x-sof-intr2 .container ul li .x-box .x-text .x-p {
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.33;
  margin-top: 0.2rem;
}
.x-sof-intr-bj {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.x-sof-intr3 {
  padding: 1.3rem 0 0.3rem 0;
}
@media (max-width: 767px) {
  .x-sof-intr3 {
    padding: 1.2rem 0 0.4rem 0;
  }
}
.x-sof-intr3 .container .x-top {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .x-sof-intr3 .container .x-top {
    justify-content: space-between;
  }
}
.x-sof-intr3 .container .x-top .x-box {
  background-color: #ffffff;
  margin: 0 0.4rem 0.2rem 0;
  width: 1.1rem;
  height: 1.1rem;
  border: 1px solid #d1d1d1;
  border-radius: 0.06rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 0.1rem;
}
@media (max-width: 767px) {
  .x-sof-intr3 .container .x-top .x-box {
    width: 48%;
    height: 1.6rem;
    padding: 0.2rem;
    margin: 0 0 0.2rem;
  }
}
.x-sof-intr3 .container .x-top .x-box .x-ic {
  width: 0.4rem;
  height: 0.4rem;
}
@media (max-width: 767px) {
  .x-sof-intr3 .container .x-top .x-box .x-ic {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.x-sof-intr3 .container .x-top .x-box .x-ic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-sof-intr3 .container .x-top .x-box span {
  display: block;
  margin-top: 0.1rem;
}
.x-sof-intr3 .container .public-img {
  margin-top: 0.4rem;
}
.x-sof-intr3 .container .public-img::before {
  padding-top: 50%;
}
.x-sof-intr4 {
  padding: 0 0 1rem 0;
}
.x-sof-intr4 .container ul li {
  margin-bottom: 0.4rem;
}
.x-sof-intr4 .container ul li:nth-child(2n) a .x-text {
  order: -1;
}
@media (max-width: 991px) {
  .x-sof-intr4 .container ul li:nth-child(2n) a .x-text {
    order: 1;
  }
}
.x-sof-intr4 .container ul li a {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #fff;
}
.x-sof-intr4 .container ul li a:hover .public-img img {
  transform: scale(1.05);
}
.x-sof-intr4 .container ul li a:hover .x-text .x-tit {
  color: #0066cc;
}
.x-sof-intr4 .container ul li a .public-img {
  width: 50%;
}
@media (max-width: 991px) {
  .x-sof-intr4 .container ul li a .public-img {
    width: 100%;
  }
}
.x-sof-intr4 .container ul li a .public-img::before {
  padding-top: 65%;
}
.x-sof-intr4 .container ul li a .x-text {
  width: 50%;
  padding: 1.1rem 1.5rem 0.2rem 0.9rem;
}
@media (max-width: 991px) {
  .x-sof-intr4 .container ul li a .x-text {
    width: 100%;
    padding: 0.4rem;
  }
}
.x-sof-intr4 .container ul li a .x-text .x-tit {
  line-height: 1;
  color: #111111;
  transition: 0.4s ease-in-out;
}
.x-sof-intr4 .container ul li a .x-text .x-p {
  color: #333333;
  line-height: 1.33;
  margin-top: 0.25rem;
}
.x-sof-intr4 .container ul li a .x-text .public-btn {
  margin-top: 0.65rem;
}
.curtain {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
}
.curtain .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
}
.curtain .curtain_box {
  position: absolute;
  max-width: 90%;
  max-height: 90%;
  left: 50%;
  top: 50%;
  background: #fff;
  overflow: hidden;
  z-index: 10000;
  transform: translate(-50%, -50%);
}
.curtain .curtain_box .curtain_title {
  position: relative;
  padding: 0 30px;
  background: #1c4798;
}
.curtain .curtain_box .curtain_title .close_tc {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 60px;
  cursor: pointer;
  z-index: 10000;
}
.curtain .curtain_box .curtain_title .close_tc::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -10px;
  width: 20px;
  height: 2px;
  background: #111111;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.curtain .curtain_box .curtain_title .close_tc::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -10px;
  width: 20px;
  height: 2px;
  background: #111111;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.curtain2 .curtain_box .x-con {
  width: 9.6rem;
  padding: 0.9rem 0.15rem 0.9rem 0.6rem;
}
@media (max-width: 767px) {
  .curtain2 .curtain_box .x-con {
    width: 6.8rem;
    padding: 0.6rem 0.15rem 0.4rem 0.4rem;
  }
}
.curtain2 .curtain_box .x-con .x-text {
  overflow-y: auto;
  max-height: 90%;
  height: 66vh;
  padding-right: 0.3rem;
  margin-top: 0.25rem;
  color: #666666;
}
@media (max-width: 767px) {
  .curtain2 .curtain_box .x-con .x-text p,
  .curtain2 .curtain_box .x-con .x-text h1,
  .curtain2 .curtain_box .x-con .x-text h2,
  .curtain2 .curtain_box .x-con .x-text h3,
  .curtain2 .curtain_box .x-con .x-text h4,
  .curtain2 .curtain_box .x-con .x-text h5,
  .curtain2 .curtain_box .x-con .x-text h6,
  .curtain2 .curtain_box .x-con .x-text span,
  .curtain2 .curtain_box .x-con .x-text i,
  .curtain2 .curtain_box .x-con .x-text em,
  .curtain2 .curtain_box .x-con .x-text b,
  .curtain2 .curtain_box .x-con .x-text strong {
    font-size: 0.28rem !important;
  }
}
.curtain2 .curtain_box .x-con .x-text * {
  max-width: 100% !important;
}
.curtain2 .curtain_box .x-con .x-text table {
  border: 1px solid #333;
}
.curtain2 .curtain_box .x-con .x-text ul li {
  list-style: inherit;
  margin-left: 20px;
}
.curtain2 .curtain_box .x-con .x-text ul li::marker {
  color: #045ec3;
}
.curtain3 .layui-form-select dl dd.layui-this {
  background-color: #045ec3;
}
.curtain3 .curtain_box .x-con {
  width: 9.6rem;
  padding: 0.9rem 0.6rem 1rem 0.6rem;
}
@media (max-width: 767px) {
  .curtain3 .curtain_box .x-con {
    width: 6.8rem;
    padding: 0.3rem 0.4rem;
  }
}
.curtain3 .curtain_box .x-con .x-tit {
  text-transform: uppercase;
  color: #111111;
}
.curtain3 .curtain_box .x-con .x-form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.3rem;
}
@media (max-width: 767px) {
  .curtain3 .curtain_box .x-con .x-form {
    margin-top: 0.2rem;
  }
}
.curtain3 .curtain_box .x-con .x-form .x-inp {
  width: 48.5%;
  margin-bottom: 0.24rem;
}
@media (max-width: 767px) {
  .curtain3 .curtain_box .x-con .x-form .x-inp {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.curtain3 .curtain_box .x-con .x-form .x-inp.x-inp2 {
  width: 100%;
}
.curtain3 .curtain_box .x-con .x-form .x-inp .x-sp {
  color: #111111;
  display: block;
  margin-bottom: 0.12rem;
}
.curtain3 .curtain_box .x-con .x-form .x-inp .x-sp i {
  font-style: initial;
  color: #eb3131;
}
.curtain3 .curtain_box .x-con .x-form .x-inp input {
  border: none;
  display: block;
  height: 50px;
  width: 100%;
  background-color: #f5f5f7;
  padding: 0 14px;
}
@media (max-width: 767px) {
  .curtain3 .curtain_box .x-con .x-form .x-inp input {
    height: 0.74rem;
  }
}
.curtain3 .curtain_box .x-con .x-form .x-inp input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.curtain3 .curtain_box .x-con .x-form .x-inp .layui-form .layui-col-md6 {
  width: 100%;
  padding: 0;
}
.curtain3 .curtain_box .x-con .x-form .x-inp .layui-form .layui-col-md6 .layui-select-title .layui-edge {
  background: url('../images/x-car1.svg') no-repeat center;
  background-size: contain;
  border: none;
  width: 9px;
  height: 6px;
  margin-top: -3px;
  right: 0.2rem;
}
.curtain3 .curtain_box .x-con .x-form .x-inp .join_txt_b {
  display: block;
  width: 48.5%;
}
@media (max-width: 767px) {
  .curtain3 .curtain_box .x-con .x-form .x-inp .join_txt_b {
    width: 100%;
  }
}
.curtain3 .curtain_box .x-con .x-form .x-inp .join_txt_b .hi-input-box {
  position: relative;
  display: flex;
  margin-right: 10px;
  line-height: 0.5rem;
  flex-shrink: 0;
  width: 100%;
  background: #f6f6f6;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 0.6s all;
  padding: 0 0.2rem;
  background-color: #fff;
  border: 2px solid #045ec3;
}
@media (max-width: 767px) {
  .curtain3 .curtain_box .x-con .x-form .x-inp .join_txt_b .hi-input-box {
    height: 0.7rem;
    border: 1px solid #045ec3;
  }
}
.curtain3 .curtain_box .x-con .x-form .x-inp .join_txt_b .hi-input-box .hi-text {
  color: #045ec3;
  width: 100%;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  justify-content: center;
  align-items: center;
}
.curtain3 .curtain_box .x-con .x-form .x-inp .join_txt_b .hi-input-box .hi-text i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}
@media (max-width: 767px) {
  .curtain3 .curtain_box .x-con .x-form .x-inp .join_txt_b .hi-input-box .hi-text i {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.curtain3 .curtain_box .x-con .x-form .x-inp .join_txt_b .hi-input-box input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0;
  cursor: pointer;
}
.curtain3 .curtain_box .x-con .x-form .x-inp .x-pp {
  color: #999999;
  margin-top: 0.1rem;
}
@media (max-width: 767px) {
  .curtain3 .curtain_box .x-con .x-form .x-inp .x-pp {
    font-size: 0.24rem;
  }
}
.curtain3 .curtain_box .x-con .x-form .x-inp button {
  width: 100%;
  height: 0.6rem;
  background-color: #045ec3;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.46rem;
}
@media (max-width: 767px) {
  .curtain3 .curtain_box .x-con .x-form .x-inp button {
    height: 0.8rem;
    margin-top: 0.1rem;
  }
}
.curtain4 .curtain_box .x-con {
  width: 14.6rem;
  padding: 0.8rem 0.6rem;
}
@media (max-width: 1580px) {
  .curtain4 .curtain_box .x-con {
    width: 16.6rem;
  }
}
@media (max-width: 1260px) {
  .curtain4 .curtain_box .x-con {
    width: 13.6rem;
  }
}
@media (max-width: 991px) {
  .curtain4 .curtain_box .x-con {
    width: 9.6rem;
  }
}
@media (max-width: 767px) {
  .curtain4 .curtain_box .x-con {
    width: 6.8rem;
    padding: 0.6rem 0.4rem;
  }
}
.curtain4 .curtain_box .x-con .x-tit {
  color: #111111;
  margin-bottom: 0.4rem;
}
@media (max-width: 767px) {
  .curtain4 .curtain_box .x-con .x-tit {
    line-height: 1.2;
  }
}
.curtain4 .curtain_box .x-con .x-box {
  overflow-y: auto;
  max-height: 5rem;
  width: 100%;
}
@media (max-width: 767px) {
  .curtain4 .curtain_box .x-con .x-box {
    max-height: 8rem;
  }
}
.curtain4 .curtain_box .x-con table {
  width: 100%;
  display: block;
}
@media (max-width: 1260px) {
  .curtain4 .curtain_box .x-con table {
    width: 1300px;
  }
}
@media (max-width: 767px) {
  .curtain4 .curtain_box .x-con table {
    width: 1200px;
  }
}
.curtain4 .curtain_box .x-con table tbody {
  background-color: #f5f5f7;
  width: 100%;
  height: 100%;
}
.curtain4 .curtain_box .x-con table tbody tr:nth-child(1) td {
  background-color: #222222;
  color: #fff;
  height: 0.6rem;
  text-align: center;
}
.curtain4 .curtain_box .x-con table tbody tr td {
  vertical-align: middle;
  border: 0.02rem solid #fff;
  padding: 0.2rem;
}
.curtain4 .curtain_box .x-con table tbody tr td .public-btn3 {
  border: 1px solid #045ec3;
  margin-top: 6px;
}
.curtain4 .curtain_box .x-con table tbody tr td .public-btn3 svg path {
  fill: #045ec3;
}
.curtain4 .curtain_box .x-con table tbody tr td .public-btn3 p {
  color: #045ec3;
}
.curtain4 .curtain_box .x-con table tbody tr td .public-btn {
  border-radius: 0.04rem;
}
.curtain4 .curtain_box .x-con table tbody tr td .x-aa {
  color: #045ec3;
  text-decoration: underline;
  display: inline-block;
  margin-top: 0.08rem;
}
.curtain5 .layui-form-select dl dd.layui-this {
  background-color: #045ec3;
}
.curtain5 .curtain_box .x-con {
  width: 9.6rem;
  padding: 0.8rem 0.2rem 1rem 0.6rem;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con {
    width: 6.8rem;
    padding: 0.3rem 0.4rem;
  }
}
.curtain5 .curtain_box .x-con .x-tit {
  text-transform: uppercase;
  color: #111111;
}
.curtain5 .curtain_box .x-con .x-da {
  margin-top: 0.05rem;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-da {
    font-size: 0.24rem;
  }
}
.curtain5 .curtain_box .x-con .x-da p {
  color: #333333;
}
.curtain5 .curtain_box .x-con .x-da p a {
  color: #045ec3;
  display: inline-flex;
  align-items: center;
}
.curtain5 .curtain_box .x-con .x-da p a span {
  text-decoration: underline;
}
.curtain5 .curtain_box .x-con .x-da p a i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  margin-left: 0.1rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-da p a i {
    width: 0.24rem;
    height: 0.24rem;
  }
}
.curtain5 .curtain_box .x-con .x-da p a i svg {
  width: 100%;
  height: 100%;
}
.curtain5 .curtain_box .x-con .x-da p a i svg path {
  fill: #045ec3;
}
.curtain5 .curtain_box .x-con .x-form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.4rem;
  overflow-y: auto;
  max-height: 5rem;
  padding-right: 0.4rem;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-form {
    margin-top: 0.2rem;
    max-height: 9rem;
    padding-right: 0.1rem;
  }
}
.curtain5 .curtain_box .x-con .x-form .x-inp {
  width: 48.5%;
  margin-bottom: 0.24rem;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-form .x-inp {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.curtain5 .curtain_box .x-con .x-form .x-inp.x-inp2 {
  width: 100%;
}
.curtain5 .curtain_box .x-con .x-form .x-inp .x-sp {
  color: #111111;
  display: block;
  margin-bottom: 0.12rem;
}
.curtain5 .curtain_box .x-con .x-form .x-inp .x-sp i {
  font-style: initial;
  color: #eb3131;
}
.curtain5 .curtain_box .x-con .x-form .x-inp input {
  border: none;
  display: block;
  height: 50px;
  width: 100%;
  background-color: #f5f5f7;
  padding: 0 14px;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-form .x-inp input {
    height: 0.74rem;
  }
}
.curtain5 .curtain_box .x-con .x-form .x-inp input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.curtain5 .curtain_box .x-con .x-form .x-inp textarea {
  display: block;
  height: 1.4rem;
  width: 100%;
  background-color: #f5f5f7;
  padding: 14px;
}
.curtain5 .curtain_box .x-con .x-form .x-inp .layui-form .layui-col-md6 {
  width: 100%;
  padding: 0;
}
.curtain5 .curtain_box .x-con .x-form .x-inp .layui-form .layui-col-md6 .layui-select-title .layui-edge {
  background: url('../images/x-car1.svg') no-repeat center;
  background-size: contain;
  border: none;
  width: 9px;
  height: 6px;
  margin-top: -3px;
  right: 0.2rem;
}
.curtain5 .curtain_box .x-con .x-form .x-inp .join_txt_b {
  display: block;
  width: 48.5%;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-form .x-inp .join_txt_b {
    width: 100%;
  }
}
.curtain5 .curtain_box .x-con .x-form .x-inp .join_txt_b .hi-input-box {
  position: relative;
  display: flex;
  margin-right: 10px;
  line-height: 0.5rem;
  flex-shrink: 0;
  width: 100%;
  background: #f6f6f6;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 0.6s all;
  padding: 0 0.2rem;
  background-color: #fff;
  border: 2px solid #045ec3;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-form .x-inp .join_txt_b .hi-input-box {
    height: 0.7rem;
    border: 1px solid #045ec3;
  }
}
.curtain5 .curtain_box .x-con .x-form .x-inp .join_txt_b .hi-input-box .hi-text {
  color: #045ec3;
  width: 100%;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  justify-content: center;
  align-items: center;
}
.curtain5 .curtain_box .x-con .x-form .x-inp .join_txt_b .hi-input-box .hi-text i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-form .x-inp .join_txt_b .hi-input-box .hi-text i {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.curtain5 .curtain_box .x-con .x-form .x-inp .join_txt_b .hi-input-box input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0;
  cursor: pointer;
}
.curtain5 .curtain_box .x-con .x-form .x-inp .x-pp {
  color: #999999;
  margin-top: 0.1rem;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-form .x-inp .x-pp {
    font-size: 0.24rem;
  }
}
.curtain5 .curtain_box .x-con .x-form .x-inp button {
  width: 100%;
  height: 0.6rem;
  background-color: #045ec3;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.46rem;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-form .x-inp button {
    height: 0.8rem;
    margin-top: 0.1rem;
  }
}
.curtain5 .curtain_box .x-con .x-form .x-txt {
  width: 100%;
  display: flex;
  padding-right: 0.2rem;
}
.curtain5 .curtain_box .x-con .x-form .x-txt i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 1px solid #999999;
  flex-shrink: 0;
  transition: 0.4s ease-in-out;
  margin-right: 0.1rem;
  border-radius: 2px;
  cursor: pointer;
  margin-top: 0.2em;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-form .x-txt i {
    margin-top: 0;
  }
}
.curtain5 .curtain_box .x-con .x-form .x-txt i.on {
  border-color: #045ec3;
  background-color: #045ec3;
}
.curtain5 .curtain_box .x-con .x-form .x-txt i.on img {
  opacity: 1;
}
.curtain5 .curtain_box .x-con .x-form .x-txt i img {
  width: 10px;
  height: 10px;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.curtain5 .curtain_box .x-con .x-form .x-txt p {
  color: #999999;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-form .x-txt p {
    font-size: 12px;
  }
}
.curtain5 .curtain_box .x-con .x-form .x-txt p a {
  color: #045ec3;
  text-decoration: underline;
}
.curtain6 .curtain_box .x-con {
  width: 5.4rem;
  padding: 0.4rem 0.4rem;
}
@media (max-width: 1580px) {
  .curtain6 .curtain_box .x-con {
    width: 6.4rem;
  }
}
@media (max-width: 767px) {
  .curtain6 .curtain_box .x-con {
    width: 6.8rem;
    padding: 0.3rem 0.4rem;
  }
}
.curtain6 .curtain_box .x-con .x-box {
  overflow-y: auto;
  max-height: 5rem;
}
@media (max-width: 767px) {
  .curtain6 .curtain_box .x-con .x-box {
    max-height: 9rem;
  }
}
.curtain6 .curtain_box .x-con .x-tit {
  color: #111;
}
.curtain6 .curtain_box .x-con .x-p {
  margin: 0.2rem 0 0.2rem;
}
.curtain6 .curtain_box .x-con .x-text {
  line-height: 1.8;
}
.curtain6 .curtain_box .x-con .x-xaa {
  display: inline-block;
  margin-top: 0.3rem;
  color: #045ec3;
  text-decoration: underline;
}
.hbspt-form {
  margin-top: 0.4rem;
}
.hbspt-form .hs-form-required {
  color: #eb3131;
}
.hbspt-form input {
  display: block;
  background-color: #fff;
  height: 50px;
  width: 100%;
  padding: 0 0.1rem;
  margin-top: 0.05rem;
  color: #333;
}
@media (max-width: 767px) {
  .hbspt-form input {
    height: 0.8rem;
  }
}
.hbspt-form select {
  display: block;
  background-color: #fff;
  height: 50px;
  width: 100%;
  padding: 0 0.1rem;
  margin-top: 0.05rem;
}
@media (max-width: 767px) {
  .hbspt-form select {
    height: 0.8rem;
  }
}
.hbspt-form .hs-error-msg {
  font-size: 12px;
  color: #eb3131;
}
.hbspt-form textarea {
  display: block;
  background-color: #fff;
  width: 100%;
  height: 2rem;
  padding: 0.18rem 0.12rem;
  margin-top: 0.05rem;
  resize: initial !important;
  color: #333;
}
.hbspt-form .hs-form-field {
  margin-bottom: 0.2rem;
}
.hbspt-form .hs-button {
  background-color: #045ec3;
  color: #fff;
}
.x-khtc1 .x-con,
.x-khtc2 .x-con,
.x-khtc3 .x-con,
.x-khtc4 .x-con,
.x-khtc5 .x-con,
.x-khtc-public .x-con {
  width: 6.8rem;
  padding: 0.4rem 0.2rem 0.4rem 0.4rem;
}
.x-khtc1 .x-con .x-tit,
.x-khtc2 .x-con .x-tit,
.x-khtc3 .x-con .x-tit,
.x-khtc4 .x-con .x-tit,
.x-khtc5 .x-con .x-tit,
.x-khtc-public .x-con .x-tit {
  text-align: center;
  margin-bottom: 0.2rem;
  color: #333;
}
.x-khtc1 .x-con form,
.x-khtc2 .x-con form,
.x-khtc3 .x-con form,
.x-khtc4 .x-con form,
.x-khtc5 .x-con form,
.x-khtc-public .x-con form {
  padding-right: 0.2rem;
  overflow-y: auto;
  max-height: 7rem;
}
@media (max-width: 767px) {
  .x-khtc1 .x-con form,
  .x-khtc2 .x-con form,
  .x-khtc3 .x-con form,
  .x-khtc4 .x-con form,
  .x-khtc5 .x-con form,
  .x-khtc-public .x-con form {
    max-height: 10rem;
  }
}
.x-khtc1 .x-con form input,
.x-khtc2 .x-con form input,
.x-khtc3 .x-con form input,
.x-khtc4 .x-con form input,
.x-khtc5 .x-con form input,
.x-khtc-public .x-con form input,
.x-khtc1 .x-con form select,
.x-khtc2 .x-con form select,
.x-khtc3 .x-con form select,
.x-khtc4 .x-con form select,
.x-khtc5 .x-con form select,
.x-khtc-public .x-con form select {
  height: 40px;
}
@media (max-width: 767px) {
  .x-khtc1 .x-con form input,
  .x-khtc2 .x-con form input,
  .x-khtc3 .x-con form input,
  .x-khtc4 .x-con form input,
  .x-khtc5 .x-con form input,
  .x-khtc-public .x-con form input,
  .x-khtc1 .x-con form select,
  .x-khtc2 .x-con form select,
  .x-khtc3 .x-con form select,
  .x-khtc4 .x-con form select,
  .x-khtc5 .x-con form select,
  .x-khtc-public .x-con form select {
    height: 0.8rem;
  }
}
.x-khtc1 .x-con form textarea,
.x-khtc2 .x-con form textarea,
.x-khtc3 .x-con form textarea,
.x-khtc4 .x-con form textarea,
.x-khtc5 .x-con form textarea,
.x-khtc-public .x-con form textarea {
  height: 1.4rem;
}
@media (max-width: 767px) {
  .x-khtc1 .x-con form textarea,
  .x-khtc2 .x-con form textarea,
  .x-khtc3 .x-con form textarea,
  .x-khtc4 .x-con form textarea,
  .x-khtc5 .x-con form textarea,
  .x-khtc-public .x-con form textarea {
    height: 2rem;
  }
}
.hs-input {
  display: block;
  border: 1px solid #ddd;
}