@charset "utf-8";
:root {
  --color: #ed6b1b;
  --vh: 100vh;
}
/* 字体引用 */
@font-face {
  font-family: 'ali-b';
  src: url(../font/AlibabaPuHuiTi-2-75-SemiBold.ttf);
}
.font-ab {
  font-family: 'ali-b', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.x-zwf {
  height: 100px;
}
@media (max-width: 1580px) {
  .x-zwf {
    height: 60px;
  }
}
.x-ny-banner {
  position: relative;
  overflow: hidden;
}
.x-ny-banner .public-img::before {
  padding-top: 35.41666667%;
}
@media (max-width: 1260px) {
  .x-ny-banner .public-img::before {
    padding-top: 43.416667%;
  }
}
@media (max-width: 767px) {
  .x-ny-banner .public-img::before {
    padding-top: 83.416667%;
  }
}
.x-ny-banner .x-mbx {
  position: absolute;
  left: 50%;
  top: 1rem;
  transform: translateX(-50%);
  z-index: 2;
  width: 100%;
}
@media (max-width: 767px) {
  .x-ny-banner .x-mbx {
    top: 1.2rem;
  }
}
.x-ny-banner .x-mbx .container a {
  color: #fff;
}
.x-ny-banner .x-mbx .container i svg path {
  fill: #fff;
}
.x-ny-banner .x-text .container {
  position: absolute;
  left: 50%;
  top: 54%;
  transform: translate(-50%, -50%);
  z-index: 5;
  text-align: center;
}
@media (max-width: 767px) {
  .x-ny-banner .x-text .container {
    top: 56%;
  }
}
.x-ny-banner .x-text .container .x-title {
  color: #fff;
  font-weight: bold;
}
.x-ny-banner .x-text .container .x-p {
  color: #fff;
  margin-top: 0.12rem;
}
.x-ny-banner .x-text .container .x-fo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-radius: 100px;
  width: 7.8rem;
  height: 0.72rem;
  line-height: 0.72rem;
  margin: 0.35rem auto 0;
  padding: 0 0.08rem 0 0.3rem;
}
@media (max-width: 767px) {
  .x-ny-banner .x-text .container .x-fo {
    width: 100%;
    height: 0.8rem;
  }
}
.x-ny-banner .x-text .container .x-fo .x-inp {
  width: calc(100% - 1.1rem);
  text-align: left;
  display: flex;
  align-items: center;
}
.x-ny-banner .x-text .container .x-fo .x-inp i {
  display: inline-flex;
  align-items: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-right: 0.14rem;
}
.x-ny-banner .x-text .container .x-fo .x-inp i svg {
  display: block;
  width: 100%;
  height: 100%;
}
.x-ny-banner .x-text .container .x-fo .x-inp i svg path {
  fill: #999999;
}
.x-ny-banner .x-text .container .x-fo .x-inp input {
  width: 80%;
}
.x-ny-banner .x-text .container .x-fo button {
  display: inline-block;
  width: 1.1rem;
  height: 80%;
  background-color: #ed6b1b;
  color: #fff;
  border-radius: 100px;
}
.x-mbx .container {
  display: flex;
  align-items: center;
  padding: 0.2rem 0;
  overflow: hidden;
}
.x-mbx .container a {
  display: inline-block;
  color: #666666;
  transition: 0.4s ease-in-out;
  white-space: nowrap;
}
.x-mbx .container a:hover {
  color: #ed6b1b;
}
.x-mbx .container i {
  display: inline-flex;
  align-items: center;
  font-style: initial;
  width: 12px;
  height: 12px;
  margin: 0 0.1rem;
  flex-shrink: 0;
}
.x-mbx .container i:last-child {
  display: none;
}
.x-mbx .container i svg,
.x-mbx .container i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-mbx .container i svg path,
.x-mbx .container i img path {
  fill: #666;
}
.x-news1 {
  padding: 0.4rem 0;
  border-bottom: 1px solid #e9e9e9;
  background-color: #fafafa;
}
.x-news1 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-news1 .container .x-le {
  width: 50%;
  display: flex;
}
.x-news1 .container .x-le a {
  display: inline-block;
  min-width: 1.6rem;
  height: 0.58rem;
  line-height: 0.58rem;
  text-align: center;
  border: 1px solid #ededed;
  border-radius: 100px;
  font-weight: bold;
  margin-right: 0.2rem;
  transition: 0.4s ease-in-out;
  color: #666666;
}
@media (max-width: 1580px) {
  .x-news1 .container .x-le a {
    min-width: 1.8rem;
    height: 0.64rem;
    line-height: 0.64rem;
  }
}
@media (max-width: 767px) {
  .x-news1 .container .x-le a {
    min-width: 2rem;
    height: 0.8rem;
    line-height: 0.8rem;
  }
}
.x-news1 .container .x-le a:hover,
.x-news1 .container .x-le a.on {
  color: #fff;
  background-color: #ed6b1b;
  border-color: #ed6b1b;
}
.x-news1 .container .x-ri {
  display: flex;
}
@media (max-width: 991px) {
  .x-news1 .container .x-ri {
    width: 100%;
    margin-top: 0.3rem;
    justify-content: space-between;
  }
}
.x-news1 .container .x-ri .x-sel {
  width: 3rem;
  height: 0.58rem;
  line-height: 0.58rem;
  border: 1px solid #ededed;
  border-radius: 100px;
  color: #666666;
  position: relative;
  margin-right: 0.25rem;
}
@media (max-width: 1580px) {
  .x-news1 .container .x-ri .x-sel {
    width: 3.8rem;
    height: 0.64rem;
    line-height: 0.64rem;
  }
}
@media (max-width: 1260px) {
  .x-news1 .container .x-ri .x-sel {
    width: 3rem;
  }
}
@media (max-width: 991px) {
  .x-news1 .container .x-ri .x-sel {
    width: 47%;
  }
}
@media (max-width: 767px) {
  .x-news1 .container .x-ri .x-sel {
    height: 0.8rem;
    line-height: 0.8rem;
  }
}
.x-news1 .container .x-ri .x-sel .sel_text_x {
  color: #666;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 20px;
}
.x-news1 .container .x-ri .x-sel .sel_text_x svg {
  width: 9px;
  height: auto;
  flex-shrink: 0;
  z-index: 100;
}
.x-news1 .container .x-ri .x-sel .sel_text_x svg path {
  fill: #666666;
}
.x-news1 .container .x-ri .x-sel .sel_text_box {
  width: 100%;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  left: 0;
  text-align: left;
  overflow: hidden;
  top: 100%;
  border: 1px solid #d2d2d2;
  z-index: 200;
  display: none;
  max-height: 186px;
  overflow-y: auto;
}
.x-news1 .container .x-ri .x-sel .sel_text_box li {
  height: 100%;
  line-height: initial;
}
.x-news1 .container .x-ri .x-sel .sel_text_box a {
  color: #000;
  padding: 7px 0 7px 0.2rem;
  display: block;
  cursor: pointer;
}
.x-news1 .container .x-ri .x-sel .sel_text_box a:hover {
  background: #ed6b1b;
  color: #fff;
}
.x-news1 .container .x-ri .x-sel i {
  display: inline-flex;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0.3rem;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  pointer-events: none;
}
.x-news1 .container .x-ri .x-sel i svg {
  width: 100%;
  height: 100%;
}
.x-news1 .container .x-ri .x-sel i svg path {
  fill: #666666;
}
.x-news1 .container .x-ri .x-form {
  display: flex;
  align-items: center;
  width: 3rem;
  height: 0.58rem;
  line-height: 0.58rem;
  border: 1px solid #ededed;
  border-radius: 100px;
  padding: 0 0.3rem;
}
@media (max-width: 1580px) {
  .x-news1 .container .x-ri .x-form {
    width: 3.8rem;
    height: 0.64rem;
    line-height: 0.64rem;
  }
}
@media (max-width: 1260px) {
  .x-news1 .container .x-ri .x-form {
    width: 3rem;
  }
}
@media (max-width: 991px) {
  .x-news1 .container .x-ri .x-form {
    width: 47%;
  }
}
@media (max-width: 767px) {
  .x-news1 .container .x-ri .x-form {
    height: 0.8rem;
    line-height: 0.8rem;
  }
}
.x-news1 .container .x-ri .x-form button {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .x-news1 .container .x-ri .x-form button {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-news1 .container .x-ri .x-form button svg {
  width: 100%;
  height: 100%;
}
.x-news1 .container .x-ri .x-form button svg path {
  fill: #666666;
}
.x-news1 .container .x-ri .x-form input {
  width: calc(100% - 20px);
  padding-left: 0.1rem;
  color: #666666;
}
.x-news1 .container .x-ri .x-form input::placeholder {
  color: #666666;
}
.x-news2 {
  background-color: #fafafa;
  padding: 0.8rem 0 0.6rem;
}
@media (max-width: 767px) {
  .x-news2 {
    padding: 0.8rem 0 1.2rem;
  }
}
.x-news2 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.4rem -0.4rem 0;
  padding-bottom: 0.55rem;
}
@media (max-width: 767px) {
  .x-news2 .container ul {
    margin: 0 0 -0.4rem 0;
  }
}
.x-news2 .container ul li {
  width: 33.33%;
  display: flex;
  padding: 0 0.4rem 0.4rem 0;
}
@media (max-width: 991px) {
  .x-news2 .container ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-news2 .container ul li {
    width: 100%;
    padding: 0 0rem 0.4rem 0;
  }
}
.x-news2 .container ul li a {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 0.15rem;
  background-color: #fff;
  transition: 0.4s ease-in-out;
}
.x-news2 .container ul li a:hover {
  box-shadow: 0 0 0.64rem rgba(5, 28, 45, 0.08);
}
.x-news2 .container ul li a:hover .public-img img {
  transform: scale(1.05);
}
.x-news2 .container ul li a:hover .x-text .x-xx span {
  color: #ed6b1b;
}
.x-news2 .container ul li a:hover .x-text .x-xx i svg path {
  fill: #ed6b1b;
}
.x-news2 .container ul li a .public-img::before {
  padding-top: 52.76679842%;
}
.x-news2 .container ul li a .x-text {
  padding: 0.3rem 0.4rem;
}
.x-news2 .container ul li a .x-text .x-sp {
  color: #999;
}
.x-news2 .container ul li a .x-text .x-title {
  font-weight: bold;
  color: #333;
  margin-top: 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3em;
}
.x-news2 .container ul li a .x-text .x-p {
  color: #666666;
  margin-top: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3em;
}
.x-news2 .container ul li a .x-text .x-xx {
  padding-top: 0.25rem;
  margin-top: 0.35rem;
  border-top: 1px solid #efefef;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.x-news2 .container ul li a .x-text .x-xx span {
  color: #999999;
  transition: 0.4s ease-in-out;
}
.x-news2 .container ul li a .x-text .x-xx i {
  display: inline-block;
  width: 20px;
  height: auto;
}
.x-news2 .container ul li a .x-text .x-xx i svg {
  width: 100%;
  height: auto;
}
.x-news2 .container ul li a .x-text .x-xx i svg path {
  fill: #d0d4d9;
  transition: 0.4s ease-in-out;
}
.x-page .container {
  display: flex;
  justify-content: center;
}
.x-page .container a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #f1f1f1;
  border-radius: 100%;
  color: #666;
  font-weight: bold;
  margin: 0 0.1rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 1580px) {
  .x-page .container a {
    width: 0.6rem;
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .x-page .container a {
    width: 0.8rem;
    height: 0.8rem;
    display: none;
  }
}
.x-page .container a:hover,
.x-page .container a.on {
  color: #fff;
  background-color: #ff6631;
}
.x-page .container a:hover.x-xl svg path,
.x-page .container a.on.x-xl svg path,
.x-page .container a:hover.x-xr svg path,
.x-page .container a.on.x-xr svg path {
  fill: #fff;
}
@media (max-width: 767px) {
  .x-page .container a.x-xl {
    display: flex;
  }
}
.x-page .container a.x-xl svg path {
  fill: #676767;
}
@media (max-width: 767px) {
  .x-page .container a.x-xr {
    display: flex;
  }
}
.x-page .container a.x-xr svg {
  transform: rotate(180deg);
}
.x-news-info1 {
  background-color: #fafafa;
}
.x-news-info1 .x-mbx .container {
  padding: 0.3rem 0;
}
.x-news-info1 .x-mbx .container i svg path {
  fill: #666;
}
.x-news-info2 {
  background-color: #fafafa;
  padding: 0 0 1rem;
}
@media (max-width: 767px) {
  .x-news-info2 {
    padding-top: 0.6rem;
  }
}
.x-news-info2 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.x-news-info2 .container .x-le {
  width: 75%;
  background-color: #fff;
  padding: 0.6rem 0.9rem 0 0.9rem;
  border-radius: 5px;
}
@media (max-width: 1260px) {
  .x-news-info2 .container .x-le {
    width: 71%;
  }
}
@media (max-width: 991px) {
  .x-news-info2 .container .x-le {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .x-news-info2 .container .x-le {
    padding: 0.6rem 0.4rem;
  }
}
.x-news-info2 .container .x-le .x-top .x-title {
  font-weight: bold;
  color: #333;
}
.x-news-info2 .container .x-le .x-top .x-tit {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.35rem;
}
.x-news-info2 .container .x-le .x-top .x-tit .x-sp {
  color: #999999;
}
.x-news-info2 .container .x-le .x-top .x-tit .x-sp span:nth-of-type(2) {
  position: relative;
  margin-left: 0.15rem;
  padding-left: 0.2rem;
}
.x-news-info2 .container .x-le .x-top .x-tit .x-sp span:nth-of-type(2)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #e7e7e7;
}
.x-news-info2 .container .x-le .x-top .x-tit .x-fx {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .x-news-info2 .container .x-le .x-top .x-tit .x-fx {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-news-info2 .container .x-le .x-top .x-tit .x-fx span {
  color: #666666;
}
.x-news-info2 .container .x-le .x-top .x-tit .x-fx .share {
  display: flex;
}
.x-news-info2 .container .x-le .x-top .x-tit .x-fx .share a {
  border: none;
  background-color: #cccccc;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s ease-in-out;
  margin: 0 5px;
}
.x-news-info2 .container .x-le .x-top .x-tit .x-fx .share a::before {
  display: none;
}
.x-news-info2 .container .x-le .x-top .x-tit .x-fx .share a:hover {
  background-color: #ed6b1b;
}
.x-news-info2 .container .x-le .x-bjq {
  padding: 0.3rem 0 0.2rem;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin-top: 0.15rem;
}
@media (max-width: 767px) {
  .x-news-info2 .container .x-le .x-bjq {
    margin-top: 0.3rem;
  }
}
.x-news-info2 .container .x-le .x-sxy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0 0.5rem;
}
@media (max-width: 767px) {
  .x-news-info2 .container .x-le .x-sxy {
    flex-wrap: wrap;
  }
}
.x-news-info2 .container .x-le .x-sxy .x-a1 {
  display: flex;
  align-items: center;
  width: 30%;
}
@media (max-width: 767px) {
  .x-news-info2 .container .x-le .x-sxy .x-a1 {
    width: 100%;
    order: -2;
  }
}
.x-news-info2 .container .x-le .x-sxy .x-a1:hover span {
  color: #ed6b1b;
}
.x-news-info2 .container .x-le .x-sxy .x-a1:hover p {
  color: #ed6b1b;
}
.x-news-info2 .container .x-le .x-sxy .x-a1 span {
  display: inline-flex;
  color: #777777;
  flex-shrink: 0;
  margin-top: 0.04rem;
  transition: 0.4s ease-in-out;
}
.x-news-info2 .container .x-le .x-sxy .x-a1 p {
  font-weight: bold;
  color: #777777;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 0.4s ease-in-out;
}
.x-news-info2 .container .x-le .x-sxy .x-a2 {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .x-news-info2 .container .x-le .x-sxy .x-a2 {
    margin-top: 0.2rem;
  }
}
.x-news-info2 .container .x-le .x-sxy .x-a2:hover span {
  color: #ed6b1b;
}
.x-news-info2 .container .x-le .x-sxy .x-a2 span {
  color: #333;
  transition: 0.4s ease-in-out;
}
.x-news-info2 .container .x-le .x-sxy .x-a2 i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 0.1rem;
}
.x-news-info2 .container .x-le .x-sxy .x-a3 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 30%;
}
@media (max-width: 767px) {
  .x-news-info2 .container .x-le .x-sxy .x-a3 {
    order: -1;
    width: 100%;
    justify-content: flex-start;
    margin-top: 0.2rem;
  }
}
.x-news-info2 .container .x-le .x-sxy .x-a3:hover span {
  color: #ed6b1b;
}
.x-news-info2 .container .x-le .x-sxy .x-a3:hover p {
  color: #ed6b1b;
}
.x-news-info2 .container .x-le .x-sxy .x-a3 span {
  display: inline-flex;
  color: #777777;
  flex-shrink: 0;
  margin-top: 0.04rem;
  transition: 0.4s ease-in-out;
}
.x-news-info2 .container .x-le .x-sxy .x-a3 p {
  font-weight: bold;
  color: #777777;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 0.4s ease-in-out;
}
.x-news-info2 .container .x-ri {
  width: 23.75%;
  padding: 0.4rem 0.3rem 0.4rem 0.3rem;
  background-color: #fff;
  border-radius: 5px;
}
@media (max-width: 1260px) {
  .x-news-info2 .container .x-ri {
    width: 27.75%;
  }
}
@media (max-width: 991px) {
  .x-news-info2 .container .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
@media (max-width: 767px) {
  .x-news-info2 .container .x-ri {
    padding: 0.8rem 0.3rem;
  }
}
.x-news-info2 .container .x-ri .x-title {
  color: #222;
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 767px) {
  .x-news-info2 .container .x-ri .x-a {
    margin-top: 0.2rem;
  }
}
.x-news-info2 .container .x-ri .x-a a {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.2rem 0;
  border-bottom: 1px solid #eeeeee;
}
@media (max-width: 767px) {
  .x-news-info2 .container .x-ri .x-a a {
    padding: 0.3rem 0;
  }
}
.x-news-info2 .container .x-ri .x-a a:last-child {
  border-bottom: none;
}
.x-news-info2 .container .x-ri .x-a a:hover .public-img img {
  transform: scale(1.1);
}
.x-news-info2 .container .x-ri .x-a a .public-img {
  width: 37.5%;
  border-radius: 5px;
}
.x-news-info2 .container .x-ri .x-a a .public-img::before {
  padding-top: 64.16666667%;
}
.x-news-info2 .container .x-ri .x-a a .x-title2 {
  width: 56.25%;
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 4.5em;
}
.x-conatct1 {
  padding: 1.05rem 0 1.2rem;
}
@media (max-width: 767px) {
  .x-conatct1 {
    padding: 1.2rem 0 1.2rem;
  }
}
.x-conatct1 .container .x-tit {
  text-align: center;
}
.x-conatct1 .container .x-tit .x-title {
  color: #333;
  font-weight: bold;
}
.x-conatct1 .container .x-tit .x-p {
  color: #999;
}
.x-conatct1 .container .x-xia {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.55rem;
}
.x-conatct1 .container .x-xia .x-le,
.x-conatct1 .container .x-xia .x-ri {
  background-color: #f8f8f8;
  width: 48.75%;
  border-radius: 0.15rem;
  padding: 0 0.8rem;
}
@media (max-width: 1580px) {
  .x-conatct1 .container .x-xia .x-le,
  .x-conatct1 .container .x-xia .x-ri {
    padding: 0 0.4rem;
  }
}
@media (max-width: 991px) {
  .x-conatct1 .container .x-xia .x-le,
  .x-conatct1 .container .x-xia .x-ri {
    width: 100%;
  }
}
.x-conatct1 .container .x-xia .x-le.x-ri ul li i,
.x-conatct1 .container .x-xia .x-ri.x-ri ul li i {
  background-color: #7e431d;
}
.x-conatct1 .container .x-xia .x-le ul li,
.x-conatct1 .container .x-xia .x-ri ul li {
  display: flex;
  padding: 0.5rem 0;
  border-bottom: 1px solid #e6e6e6;
}
.x-conatct1 .container .x-xia .x-le ul li:last-child,
.x-conatct1 .container .x-xia .x-ri ul li:last-child {
  border-bottom: none;
}
.x-conatct1 .container .x-xia .x-le ul li i,
.x-conatct1 .container .x-xia .x-ri ul li i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 100%;
  background-color: #ed6b1b;
  flex-shrink: 0;
}
.x-conatct1 .container .x-xia .x-le ul li i img,
.x-conatct1 .container .x-xia .x-ri ul li i img,
.x-conatct1 .container .x-xia .x-le ul li i svg,
.x-conatct1 .container .x-xia .x-ri ul li i svg {
  width: 0.32rem;
  height: 0.32rem;
  object-fit: contain;
}
.x-conatct1 .container .x-xia .x-le ul li .x-text,
.x-conatct1 .container .x-xia .x-ri ul li .x-text {
  padding-left: 0.45rem;
}
@media (max-width: 767px) {
  .x-conatct1 .container .x-xia .x-le ul li .x-text,
  .x-conatct1 .container .x-xia .x-ri ul li .x-text {
    padding-left: 0.3rem;
  }
}
.x-conatct1 .container .x-xia .x-le ul li .x-text .x-title2,
.x-conatct1 .container .x-xia .x-ri ul li .x-text .x-title2 {
  font-weight: bold;
  color: #333;
}
.x-conatct1 .container .x-xia .x-le ul li .x-text .x-p,
.x-conatct1 .container .x-xia .x-ri ul li .x-text .x-p {
  color: #333;
  margin-top: 0.05rem;
}
.x-conatct1 .container .x-xia .x-ri {
  background-color: #f8f8f8;
  width: 48.75%;
  border-radius: 0.15rem;
}
@media (max-width: 991px) {
  .x-conatct1 .container .x-xia .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-contact2 {
  position: relative;
}
@media (max-width: 767px) {
  .x-contact2 {
    background-color: #f8f8f8;
  }
}
.x-contact2 .public-img::before {
  padding-top: 46.875%;
}
@media (max-width: 991px) {
  .x-contact2 .public-img::before {
    padding-top: 61.875%;
  }
}
.x-contact2 .container {
  position: absolute;
  left: 50%;
  top: 3rem;
  transform: translateX(-50%);
  z-index: 2;
}
@media (max-width: 1260px) {
  .x-contact2 .container {
    top: 1.5rem;
  }
}
@media (max-width: 767px) {
  .x-contact2 .container {
    position: initial;
    transform: initial;
  }
}
.x-contact2 .container .x-text {
  width: 6.15rem;
  margin-left: auto;
  background-color: #fff;
  border-radius: 0.15rem;
  padding: 0.4rem 0.75rem 0.45rem;
}
@media (max-width: 991px) {
  .x-contact2 .container .x-text {
    padding: 0.4rem;
  }
}
@media (max-width: 767px) {
  .x-contact2 .container .x-text {
    width: 100%;
    padding: 0.4rem 0;
    background-color: #f8f8f8;
  }
}
.x-contact2 .container .x-text .x-title {
  font-weight: bold;
  color: #333;
}
.x-contact2 .container .x-text .x-p {
  color: #666666;
  margin-top: 0.1rem;
}
.x-contact2 .container .x-text .x-sp {
  display: flex;
  align-items: center;
  margin-top: 0.75rem;
  padding-top: 0.3rem;
  border-top: 1px solid #dfdfdf;
}
@media (max-width: 767px) {
  .x-contact2 .container .x-text .x-sp {
    margin-top: 0.4rem;
  }
}
.x-contact2 .container .x-text .x-sp i {
  display: inline-flex;
  align-items: center;
  font-style: initial;
  width: 20px;
  height: 20px;
  margin-right: 0.18rem;
  flex-shrink: 0;
}
.x-contact2 .container .x-text .x-sp i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-contact2 .container .x-text .x-sp span {
  font-weight: bold;
  color: #ed6b1b;
}
.x-conatct3 {
  padding: 1.1rem 0 1.2rem;
}
.x-conatct3 .container .x-top {
  text-align: center;
}
.x-conatct3 .container .x-top .x-title {
  font-weight: bold;
  color: #333;
}
.x-conatct3 .container .x-top .x-p {
  color: #999999;
  margin-top: 0.05rem;
}
.x-conatct3 .container .x-top .x-p span {
  color: #ed6b1b;
}
.x-conatct3 .container .x-form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.45rem;
}
.x-conatct3 .container .x-form .x-le {
  width: 48.75%;
}
@media (max-width: 767px) {
  .x-conatct3 .container .x-form .x-le {
    width: 100%;
  }
}
.x-conatct3 .container .x-form .x-le .x-inp {
  position: relative;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  margin-bottom: 20px;
  height: 0.6rem;
}
@media (max-width: 767px) {
  .x-conatct3 .container .x-form .x-le .x-inp {
    height: 0.8rem;
    margin-bottom: 0.4rem;
  }
}
.x-conatct3 .container .x-form .x-le .x-inp:last-child {
  margin-bottom: 0;
}
.x-conatct3 .container .x-form .x-le .x-inp p {
  color: #999999;
  position: absolute;
  left: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.x-conatct3 .container .x-form .x-le .x-inp p i {
  font-style: initial;
  color: #ff0000;
}
.x-conatct3 .container .x-form .x-le .x-inp input {
  width: 100%;
  height: 100%;
  padding: 0 0.2rem;
}
.x-conatct3 .container .x-form .x-le .x-inp span {
  display: inline-flex;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.x-conatct3 .container .x-form .x-le .x-inp span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-conatct3 .container .x-form .x-le .x-inp select {
  width: 100%;
  height: 100%;
  color: #999999;
  padding: 0 0.2rem;
}
.x-conatct3 .container .x-form .x-ri {
  width: 48.75%;
}
@media (max-width: 767px) {
  .x-conatct3 .container .x-form .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-conatct3 .container .x-form .x-ri .x-text {
  height: 2.19rem;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  color: #999999;
  position: relative;
}
@media (max-width: 1580px) {
  .x-conatct3 .container .x-form .x-ri .x-text {
    height: 2.4rem;
  }
}
.x-conatct3 .container .x-form .x-ri .x-text p {
  color: #999999;
  position: absolute;
  left: 0.2rem;
  top: 0.15rem;
  pointer-events: none;
}
.x-conatct3 .container .x-form .x-ri .x-text textarea {
  padding: 0.15rem 0.2rem;
  width: 100%;
  height: 100%;
}
.x-conatct3 .container .x-form .x-ri .x-spp {
  margin-top: 0.2rem;
}
.x-conatct3 .container .x-form .x-ri .x-spp p {
  color: #666666;
}
.x-conatct3 .container .x-form .x-ri .x-spp p a {
  display: inline-block;
  color: #ff6631;
}
.x-conatct3 .container .x-form .x-ri button {
  width: 100%;
  height: 0.6rem;
  line-height: 0.6rem;
  background-color: #ed6b1b;
  border-radius: 100px;
  color: #fff;
  font-weight: bold;
  margin-top: 0.3rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .x-conatct3 .container .x-form .x-ri button {
    margin-top: 0.1rem;
  }
}
@media (max-width: 767px) {
  .x-conatct3 .container .x-form .x-ri button {
    height: 0.8rem;
    line-height: 0.8rem;
  }
}
.x-conatct3 .container .x-form .x-ri button:hover {
  opacity: 0.8;
}
.x-public-tit {
  text-align: center;
}
.x-public-tit .x-title {
  font-weight: bold;
  color: #000;
}
.x-public-tit .x-p {
  color: #666666;
  margin-top: 0.1rem;
}
.x-join1 {
  background-color: #f8f8f8;
  padding: 0.4rem 0;
}
.x-join1 .container {
  display: flex;
  justify-content: center;
}
.x-join1 .container a {
  display: inline-block;
  color: #666666;
  font-weight: bold;
  border: 1px solid #ededed;
  min-width: 1.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  border-radius: 100px;
  margin: 0 0.1rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-join1 .container a {
    font-size: 0.24rem;
  }
}
.x-join1 .container a:hover,
.x-join1 .container a.on {
  background-color: #ed6b1b;
  border-color: #ed6b1b;
  color: #fff;
}
.x-join2 {
  padding: 1rem 0 1.2rem;
  border-top: 1px solid #e9e9e9;
  background-color: #f8f8f8;
}
.x-join2 .container .x-xia {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1.1rem;
}
@media (max-width: 767px) {
  .x-join2 .container .x-xia {
    margin-top: 0.4rem;
  }
}
.x-join2 .container .x-xia .x-le {
  width: 50%;
  border-radius: 0.15rem 0 0 0.15rem;
  padding: 0.9rem 1.2rem 1.1rem 0.75rem;
  background-color: #fff;
}
@media (max-width: 1260px) {
  .x-join2 .container .x-xia .x-le {
    padding: 0.4rem 0.8rem 1rem 0.8rem;
  }
}
@media (max-width: 991px) {
  .x-join2 .container .x-xia .x-le {
    width: 100%;
    border-radius: 0 0 0.15rem 0.15rem;
  }
}
@media (max-width: 767px) {
  .x-join2 .container .x-xia .x-le {
    padding: 0.4rem;
  }
}
.x-join2 .container .x-xia .x-le p {
  color: #666666;
  line-height: 2;
}
@media (max-width: 767px) {
  .x-join2 .container .x-xia .x-le p {
    line-height: 1.6;
  }
}
.x-join2 .container .x-xia .x-le a {
  display: inline-block;
  min-width: 2.16rem;
  background-color: #ff6631;
  text-align: center;
  color: #fff;
  height: 0.6rem;
  line-height: 0.6rem;
  border-radius: 100px;
  margin-top: 1.9rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 1580px) {
  .x-join2 .container .x-xia .x-le a {
    margin-top: 0.9rem;
  }
}
@media (max-width: 1260px) {
  .x-join2 .container .x-xia .x-le a {
    margin-top: 0.4rem;
  }
}
@media (max-width: 767px) {
  .x-join2 .container .x-xia .x-le a {
    height: 0.8rem;
    line-height: 0.8rem;
    min-width: 2.6rem;
    font-size: 0.28rem;
  }
}
.x-join2 .container .x-xia .x-le a:hover {
  opacity: 0.8;
}
.x-join2 .container .x-xia .x-ri {
  width: 50%;
  transform: translateY(-0.5rem);
}
@media (max-width: 991px) {
  .x-join2 .container .x-xia .x-ri {
    width: 100%;
    order: -1;
    transform: initial !important;
  }
}
.x-join2 .container .x-xia .x-ri .public-img {
  border-radius: 0 0.15rem 0.15rem 0;
}
.x-join2 .container .x-xia .x-ri .public-img::before {
  padding-top: 74.25%;
}
.x-join3 {
  padding: 1.1rem 0 1.2rem;
}
.x-join3 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0.6rem -0.2rem -0.2rem 0;
}
@media (max-width: 767px) {
  .x-join3 .container ul {
    margin-top: 0.4rem;
  }
}
.x-join3 .container ul li {
  width: 25%;
  display: flex;
  padding: 0 0.2rem 0.2rem 0;
}
@media (max-width: 991px) {
  .x-join3 .container ul li {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .x-join3 .container ul li {
    width: 50%;
  }
}
.x-join3 .container ul li .x-box {
  width: 100%;
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 0.05rem;
  padding: 0.6rem 0.25rem 0.45rem 0.25rem;
  min-height: 2.6rem;
}
.x-join3 .container ul li .x-box .public-img {
  width: 0.74rem;
  margin: 0 auto;
}
.x-join3 .container ul li .x-box .x-text {
  margin-top: 0.25rem;
}
.x-join3 .container ul li .x-box .x-text .x-title {
  font-weight: bold;
  color: #333;
}
.x-join3 .container ul li .x-box .x-text .x-p {
  color: #666666;
  margin-top: 0.05rem;
}
.x-public-pr,
.x-public-nx {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background-color: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s ease-in-out;
  cursor: pointer;
}
@media (max-width: 1580px) {
  .x-public-pr,
  .x-public-nx {
    width: 0.7rem;
    height: 0.7rem;
  }
}
.x-public-pr svg,
.x-public-nx svg,
.x-public-pr img,
.x-public-nx img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
@media (max-width: 1580px) {
  .x-public-pr svg,
  .x-public-nx svg,
  .x-public-pr img,
  .x-public-nx img {
    width: 0.24rem;
    height: 0.24rem;
  }
}
.x-public-pr svg path,
.x-public-nx svg path,
.x-public-pr img path,
.x-public-nx img path {
  fill: #fff;
}
.x-public-pr:hover,
.x-public-nx:hover {
  background-color: #ff6631;
}
.x-join4 {
  background-color: #f8f8f8;
  padding: 1.1rem 0 1.2rem 0;
}
.x-join4 .container .x-public-tit .x-p {
  color: #999999;
}
.x-join4 .container .swiper-container {
  margin-top: 0.6rem;
}
@media (max-width: 767px) {
  .x-join4 .container .swiper-container {
    margin-top: 0.4rem;
  }
}
.x-join4 .container .swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.x-join4 .container .swiper-container .swiper-wrapper .swiper-slide .public-img {
  width: 50%;
  border-radius: 0.15rem;
}
@media (max-width: 991px) {
  .x-join4 .container .swiper-container .swiper-wrapper .swiper-slide .public-img {
    width: 100%;
  }
}
.x-join4 .container .swiper-container .swiper-wrapper .swiper-slide .public-img::before {
  padding-top: 60%;
}
.x-join4 .container .swiper-container .swiper-wrapper .swiper-slide .x-text {
  width: 50%;
  padding: 0.5rem 0 1.4rem 1rem;
}
@media (max-width: 991px) {
  .x-join4 .container .swiper-container .swiper-wrapper .swiper-slide .x-text {
    width: 100%;
    padding: 0.4rem;
  }
}
@media (max-width: 767px) {
  .x-join4 .container .swiper-container .swiper-wrapper .swiper-slide .x-text {
    padding-bottom: 0;
  }
}
.x-join4 .container .swiper-container .swiper-wrapper .swiper-slide .x-text .x-title {
  font-weight: bold;
}
.x-join4 .container .swiper-container .swiper-wrapper .swiper-slide .x-text .x-p {
  color: #666666;
  line-height: 2;
  margin-top: 0.1rem;
}
@media (max-width: 767px) {
  .x-join4 .container .swiper-container .swiper-wrapper .swiper-slide .x-text .x-p {
    line-height: 1.6;
  }
}
.x-join4 .container .swiper-container .x-but {
  position: absolute;
  left: 56.25%;
  bottom: 0.6rem;
  display: flex;
  justify-content: flex-start;
  z-index: 5;
}
@media (max-width: 991px) {
  .x-join4 .container .swiper-container .x-but {
    display: none;
  }
}
.x-join4 .container .swiper-container .x-but .x-public-pr {
  margin-right: 0.2rem;
}
.x-join4 .container .swiper-container .x-but .x-public-pr svg,
.x-join4 .container .swiper-container .x-but .x-public-pr img {
  transform: rotate(180deg);
}
.x-join5 {
  padding: 1rem 0 1.1rem;
}
.x-join5 .swiper-container {
  margin-top: 0.55rem;
}
@media (max-width: 767px) {
  .x-join5 .swiper-container {
    margin-top: 0.4rem;
  }
}
.x-join5 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .public-img::after {
  opacity: 0;
}
.x-join5 .swiper-container .swiper-wrapper .swiper-slide .public-img {
  border-radius: 0.15rem;
}
.x-join5 .swiper-container .swiper-wrapper .swiper-slide .public-img::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: 0.4s ease-in-out;
}
.x-join5 .swiper-container .swiper-wrapper .swiper-slide .public-img::before {
  padding-top: 50%;
}
.x-join5 .swiper-container .swiper-wrapper .swiper-slide .x-title {
  text-align: center;
  font-weight: bold;
  color: #333;
  margin-top: 0.24rem;
}
.x-join5 .swiper-container .x-public-pr {
  position: absolute;
  left: 13.5%;
  top: 45%;
  transform: translateY(-50%);
  z-index: 5;
}
@media (max-width: 1580px) {
  .x-join5 .swiper-container .x-public-pr {
    left: 12.5%;
  }
}
@media (max-width: 991px) {
  .x-join5 .swiper-container .x-public-pr {
    display: none;
  }
}
.x-join5 .swiper-container .x-public-pr svg {
  transform: rotate(180deg);
}
.x-join5 .swiper-container .x-public-nx {
  position: absolute;
  left: 83.5%;
  top: 45%;
  transform: translateY(-50%);
  z-index: 5;
}
@media (max-width: 1580px) {
  .x-join5 .swiper-container .x-public-nx {
    left: 84.2%;
  }
}
@media (max-width: 991px) {
  .x-join5 .swiper-container .x-public-nx {
    display: none;
  }
}
.x-djdw {
  height: 0;
  position: relative;
  top: -130px;
}
.x-join-list1 {
  background-color: #f8f8f8;
}
.x-join-list1 .x-mbx {
  border-bottom: 1px solid #dfdfdf;
}
.x-join-list2 {
  background-color: #f8f8f8;
  padding: 1rem 0 0.6rem;
}
.x-join-list2 .container .x-top .x-title {
  font-weight: bold;
  color: #333;
  text-align: center;
}
.x-join-list2 .container .x-top .x-form {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 100px;
  width: 7.8rem;
  margin: 0 auto;
  height: 0.7rem;
  padding: 0 0.1rem 0 0.3rem;
  margin-top: 0.45rem;
}
@media (max-width: 767px) {
  .x-join-list2 .container .x-top .x-form {
    width: 100%;
    height: 0.8rem;
  }
}
.x-join-list2 .container .x-top .x-form .x-l {
  width: 85.13%;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .x-join-list2 .container .x-top .x-form .x-l {
    width: 80%;
  }
}
.x-join-list2 .container .x-top .x-form .x-l i {
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.x-join-list2 .container .x-top .x-form .x-l i svg,
.x-join-list2 .container .x-top .x-form .x-l i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-join-list2 .container .x-top .x-form .x-l i svg path,
.x-join-list2 .container .x-top .x-form .x-l i img path {
  fill: #6e6e6e;
}
.x-join-list2 .container .x-top .x-form .x-l input {
  color: #999999;
  width: 100%;
  padding: 0 0.1rem;
}
.x-join-list2 .container .x-top .x-form .x-l input::placeholder {
  color: #999999;
}
.x-join-list2 .container .x-top .x-form button {
  width: 14.87%;
  height: 82%;
  color: #fff;
  background-color: #ed6b1b;
  border-radius: 100px;
}
@media (max-width: 767px) {
  .x-join-list2 .container .x-top .x-form button {
    width: 20%;
  }
}
.x-join-list2 .container .x-xia {
  margin-top: 0.8rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-join-list2 .container .x-xia .x-le {
  width: 25%;
  border-radius: 0.15rem;
  overflow: hidden;
}
@media (max-width: 991px) {
  .x-join-list2 .container .x-xia .x-le {
    width: 100%;
  }
}
.x-join-list2 .container .x-xia .x-le .x-title2 {
  background-color: #ed6b1b;
  color: #fff;
  padding: 0.27rem 0.3rem;
}
.x-join-list2 .container .x-xia .x-le ul {
  background-color: #fff;
  padding: 0 0.3rem;
}
.x-join-list2 .container .x-xia .x-le ul li {
  padding: 0.25rem 0;
  border-bottom: 1px solid #f2f2f2;
}
.x-join-list2 .container .x-xia .x-le ul li:last-child {
  border-bottom: none;
  padding-bottom: 0.25rem !important;
}
.x-join-list2 .container .x-xia .x-le ul li.on {
  padding-bottom: 0;
}
.x-join-list2 .container .x-xia .x-le ul li.on .x-tit i img:nth-of-type(1),
.x-join-list2 .container .x-xia .x-le ul li.on .x-tit i svg:nth-of-type(1) {
  opacity: 0;
}
.x-join-list2 .container .x-xia .x-le ul li.on .x-tit i img:nth-of-type(2),
.x-join-list2 .container .x-xia .x-le ul li.on .x-tit i svg:nth-of-type(2) {
  opacity: 1;
}
.x-join-list2 .container .x-xia .x-le ul li .x-tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.x-join-list2 .container .x-xia .x-le ul li .x-tit span {
  color: #333333;
  font-weight: bold;
}
.x-join-list2 .container .x-xia .x-le ul li .x-tit i {
  display: inline-flex;
  width: 10px;
  height: 10px;
  position: relative;
}
.x-join-list2 .container .x-xia .x-le ul li .x-tit i img,
.x-join-list2 .container .x-xia .x-le ul li .x-tit i svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.x-join-list2 .container .x-xia .x-le ul li .x-tit i img:nth-of-type(2),
.x-join-list2 .container .x-xia .x-le ul li .x-tit i svg:nth-of-type(2) {
  opacity: 0;
}
.x-join-list2 .container .x-xia .x-le ul li .x-a {
  background-color: #f5f5f5;
  padding: 0.3rem 0.15rem 0.25rem;
  margin-top: 0.25rem;
  display: none;
}
.x-join-list2 .container .x-xia .x-le ul li .x-a .x-sp {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
  cursor: pointer;
}
.x-join-list2 .container .x-xia .x-le ul li .x-a .x-sp:last-child {
  margin-bottom: 0;
}
.x-join-list2 .container .x-xia .x-le ul li .x-a .x-sp.on i {
  background-color: #e76534;
}
.x-join-list2 .container .x-xia .x-le ul li .x-a .x-sp.on i img {
  opacity: 1;
}
.x-join-list2 .container .x-xia .x-le ul li .x-a .x-sp.on span {
  color: #e76534;
}
.x-join-list2 .container .x-xia .x-le ul li .x-a .x-sp i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: #ddd;
  border-radius: 2px;
  margin-right: 0.1rem;
}
.x-join-list2 .container .x-xia .x-le ul li .x-a .x-sp i img {
  width: 10px;
  height: 10px;
  object-fit: contain;
  opacity: 0;
}
.x-join-list2 .container .x-xia .x-le ul li .x-a .x-sp span {
  color: #666666;
  transition: 0.4s ease-in-out;
}
.x-join-list2 .container .x-xia .x-ri {
  width: 71.875%;
}
@media (max-width: 991px) {
  .x-join-list2 .container .x-xia .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-join-list2 .container .x-xia .x-ri .x-spp {
  display: flex;
  align-items: center;
  font-weight: bold;
  padding: 0.25rem 0;
  border-top: 1px solid #dfdfdf;
}
.x-join-list2 .container .x-xia .x-ri .x-spp span {
  color: #ed6b1b;
}
.x-join-list2 .container .x-xia .x-ri .x-spp p {
  color: #666666;
  margin-left: 0.08rem;
}
.x-join-list2 .container .x-xia .x-ri ul {
  margin-bottom: 0.6rem;
}
.x-join-list2 .container .x-xia .x-ri ul li {
  background-color: #fff;
  margin-bottom: 0.2rem;
  border-radius: 0.15rem;
}
.x-join-list2 .container .x-xia .x-ri ul li.on .x-tit .x-i svg:nth-of-type(1) {
  display: none;
}
.x-join-list2 .container .x-xia .x-ri ul li.on .x-tit .x-i svg:nth-of-type(2) {
  display: block;
}
.x-join-list2 .container .x-xia .x-ri ul li .x-tit {
  display: flex;
  justify-content: flex-start;
  padding: 0.32rem 0.5rem;
  border-radius: 0.15rem;
  position: relative;
  cursor: pointer;
}
.x-join-list2 .container .x-xia .x-ri ul li .x-tit .x-title2 {
  color: #333333;
  font-weight: bold;
  width: 35.23%;
  padding-right: 0.1rem;
}
@media (max-width: 767px) {
  .x-join-list2 .container .x-xia .x-ri ul li .x-tit .x-title2 {
    width: 80%;
  }
}
.x-join-list2 .container .x-xia .x-ri ul li .x-tit .x-p1 {
  display: flex;
  align-items: center;
  width: 17.61%;
}
@media (max-width: 767px) {
  .x-join-list2 .container .x-xia .x-ri ul li .x-tit .x-p1 {
    display: none;
  }
}
.x-join-list2 .container .x-xia .x-ri ul li .x-tit .x-p1:nth-of-type(2) {
  width: 12.38%;
}
.x-join-list2 .container .x-xia .x-ri ul li .x-tit .x-p1:nth-of-type(3) {
  width: 18.38%;
}
.x-join-list2 .container .x-xia .x-ri ul li .x-tit .x-p1 i {
  display: inline-flex;
  align-items: center;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.08rem;
  flex-shrink: 0;
}
.x-join-list2 .container .x-xia .x-ri ul li .x-tit .x-p1 i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-join-list2 .container .x-xia .x-ri ul li .x-tit .x-p1 i svg path {
  fill: #999;
}
.x-join-list2 .container .x-xia .x-ri ul li .x-tit .x-p1 span {
  color: #666666;
}
.x-join-list2 .container .x-xia .x-ri ul li .x-tit .x-i {
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
}
.x-join-list2 .container .x-xia .x-ri ul li .x-tit .x-i img,
.x-join-list2 .container .x-xia .x-ri ul li .x-tit .x-i svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-join-list2 .container .x-xia .x-ri ul li .x-tit .x-i img:nth-of-type(2),
.x-join-list2 .container .x-xia .x-ri ul li .x-tit .x-i svg:nth-of-type(2) {
  display: none;
}
.x-join-list2 .container .x-xia .x-ri ul li .x-bjq {
  padding: 0.3rem 0 0.6rem;
  margin: 0 0.5rem;
  border-top: 1px solid #eaeaea;
  display: none;
}
.x-join-list2 .container .x-xia .x-ri ul li .x-bjq .x-but {
  display: inline-block;
  min-width: 1.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
  border-radius: 100px;
  background-color: #ed6b1b;
  color: #fff;
  text-align: center;
  margin-top: 0.35rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-join-list2 .container .x-xia .x-ri ul li .x-bjq .x-but {
    min-width: 1.9rem;
  }
}
.x-join-list2 .container .x-xia .x-ri ul li .x-bjq .x-but:hover {
  opacity: 0.8;
}
.x-ser1 {
  padding-top: 1.1rem;
}
.x-ser1 .container .x-top .x-p {
  color: #999999;
  font-weight: bold;
}
.x-ser1 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0.55rem -0.4rem -0.4rem 0;
}
@media (max-width: 767px) {
  .x-ser1 .container ul {
    margin: 0.4rem -0.2rem -0.4rem 0;
  }
}
.x-ser1 .container ul li {
  width: 25%;
  padding: 0 0.4rem 0.4rem 0;
  display: flex;
}
@media (max-width: 991px) {
  .x-ser1 .container ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-ser1 .container ul li {
    width: 100%;
    padding: 0 0.2rem 0.4rem 0;
  }
}
.x-ser1 .container ul li .x-box {
  width: 100%;
  background-color: #f5f5f5;
  position: relative;
  padding-top: 0.95rem;
  border-radius: 0.15rem;
  overflow: hidden;
}
.x-ser1 .container ul li .x-box:hover .x-bj {
  opacity: 1;
}
.x-ser1 .container ul li .x-box:hover .x-img svg path {
  fill: #fff;
}
.x-ser1 .container ul li .x-box:hover .x-text .x-title {
  color: #fff;
}
.x-ser1 .container ul li .x-box:hover .x-text .x-p {
  color: #fff;
}
.x-ser1 .container ul li .x-box .x-bj {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: 0.4s ease-in-out;
}
.x-ser1 .container ul li .x-box .x-img {
  width: 0.66rem;
  height: 0.66rem;
  position: relative;
  z-index: 5;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .x-ser1 .container ul li .x-box .x-img {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.x-ser1 .container ul li .x-box .x-img svg {
  width: 100%;
  height: 100%;
}
.x-ser1 .container ul li .x-box .x-img svg path {
  fill: #333;
  transition: 0.4s ease-in-out;
}
.x-ser1 .container ul li .x-box .x-text {
  text-align: center;
  padding: 0.55rem 0.37rem 0.9rem;
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .x-ser1 .container ul li .x-box .x-text {
    padding: 0.3rem 0.3rem 0.6rem;
  }
}
.x-ser1 .container ul li .x-box .x-text .x-title {
  color: #333333;
  font-weight: bold;
  transition: 0.4s ease-in-out;
}
.x-ser1 .container ul li .x-box .x-text .x-p {
  line-height: 1.9;
  color: #666666;
  margin-top: 0.15rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-ser1 .container ul li .x-box .x-text .x-p {
    line-height: 1.6;
  }
}
.x-ser2 {
  padding-top: 1.2rem;
}
.x-ser2 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 0.15rem;
  overflow: hidden;
}
.x-ser2 .container .x-le {
  width: 50%;
}
@media (max-width: 991px) {
  .x-ser2 .container .x-le {
    width: 100%;
  }
}
.x-ser2 .container .x-le .public-img {
  width: 100%;
}
.x-ser2 .container .x-le .public-img::before {
  padding-top: 79.75%;
}
.x-ser2 .container .x-ri {
  width: 50%;
  padding: 0.2rem 1.5rem;
}
@media (max-width: 1580px) {
  .x-ser2 .container .x-ri {
    padding: 0.2rem 1rem;
  }
}
@media (max-width: 991px) {
  .x-ser2 .container .x-ri {
    width: 100%;
    padding: 0.4rem;
  }
}
.x-ser2 .container .x-ri .x-title {
  font-weight: bold;
  color: #333;
}
.x-ser2 .container .x-ri .x-p {
  color: #666666;
  line-height: 2;
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  .x-ser2 .container .x-ri .x-p {
    line-height: 1.6;
  }
}
.x-ser3 {
  padding: 1.1rem 0 1.2rem;
}
.x-ser3 .container ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0.45rem -0.4rem -0.4rem 0;
}
@media (max-width: 767px) {
  .x-ser3 .container ul {
    margin: 0.4rem -0.2rem -0.2rem 0;
  }
}
.x-ser3 .container ul li {
  width: 50%;
  padding: 0 0.4rem 0.4rem 0;
  display: flex;
}
@media (max-width: 767px) {
  .x-ser3 .container ul li {
    padding: 0 0.2rem 0.2rem 0;
  }
}
.x-ser3 .container ul li a {
  width: 100%;
  background-color: #f5f5f5;
  text-align: center;
  border-radius: 0.15rem;
  padding: 1rem 0.2rem 1.1rem;
  transition: 0.4s ease-in-out;
}
.x-ser3 .container ul li a:hover {
  background-color: #ff6631;
}
.x-ser3 .container ul li a:hover .x-img svg path {
  fill: #fff;
}
.x-ser3 .container ul li a:hover .x-text .x-title2 {
  color: #fff;
}
.x-ser3 .container ul li a:hover .x-text .x-p {
  color: #fff;
}
.x-ser3 .container ul li a:hover .x-text .x-sp span {
  color: #fff;
}
.x-ser3 .container ul li a:hover .x-text .x-sp i svg path {
  fill: #fff;
}
.x-ser3 .container ul li a .x-img {
  width: 0.64rem;
  height: 0.64rem;
  margin: 0 auto;
}
.x-ser3 .container ul li a .x-img svg {
  width: 100%;
  height: 100%;
}
.x-ser3 .container ul li a .x-img svg path {
  fill: #333333;
  transition: 0.4s ease-in-out;
}
.x-ser3 .container ul li a .x-text {
  margin-top: 0.15rem;
}
.x-ser3 .container ul li a .x-text .x-title2 {
  color: #333333;
  font-weight: bold;
  transition: 0.4s ease-in-out;
}
.x-ser3 .container ul li a .x-text .x-p {
  color: #999999;
  margin-top: 0.1rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-ser3 .container ul li a .x-text .x-p {
    font-size: 0.24rem;
  }
}
.x-ser3 .container ul li a .x-text .x-sp {
  margin-top: 0.1rem;
}
.x-ser3 .container ul li a .x-text .x-sp span {
  color: #ff6631;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-ser3 .container ul li a .x-text .x-sp span {
    font-size: 0.24rem;
  }
}
.x-ser3 .container ul li a .x-text .x-sp i {
  display: inline-flex;
  width: 12px;
  height: 12px;
}
@media (max-width: 767px) {
  .x-ser3 .container ul li a .x-text .x-sp i {
    width: 0.2rem;
    height: 0.2rem;
  }
}
.x-ser3 .container ul li a .x-text .x-sp i svg {
  width: 100%;
  height: 100%;
}
.x-ser3 .container ul li a .x-text .x-sp i svg path {
  fill: #ff6631;
  transition: 0.4s ease-in-out;
}
.x-net1 {
  position: relative;
}
.x-net1 .x-con {
  position: relative;
}
.x-net1 .x-con .public-img::before {
  padding-top: 43.90625%;
}
.x-net1 .x-con .x-t .x-it {
  width: 0;
  height: 0;
  position: absolute;
  z-index: 5;
}
.x-net1 .x-con .x-t .x-it.x-it1 {
  left: 71.35416667%;
  top: 39.85765125%;
}
.x-net1 .x-con .x-t .x-it.x-it2 {
  left: 70.83333333%;
  top: 48.63582444%;
}
@media (max-width: 767px) {
  .x-net1 .x-con .x-t .x-it.x-it2 {
    top: 43.635824%;
  }
}
.x-net1 .x-con .x-t .x-it.x-it2 i {
  background-color: #ed6b1b;
}
.x-net1 .x-con .x-t .x-it.x-it2 i::before {
  background-color: rgba(237, 107, 27, 0.1);
}
.x-net1 .x-con .x-t .x-it.x-it3 {
  left: 70.3125%;
  top: 62.87069988%;
}
@media (max-width: 767px) {
  .x-net1 .x-con .x-t .x-it.x-it3 {
    top: 58.8707%;
  }
}
.x-net1 .x-con .x-t .x-it.x-it3 i {
  background-color: #ed6b1b;
}
.x-net1 .x-con .x-t .x-it.x-it3 i::before {
  background-color: rgba(237, 107, 27, 0.1);
}
.x-net1 .x-con .x-t .x-it.x-it3 span {
  transform: translateX(-40%);
}
.x-net1 .x-con .x-t .x-it.x-it4 {
  left: 69.27083333%;
  top: 34.87544484%;
}
.x-net1 .x-con .x-t .x-it.x-it5 {
  left: 70.3125%;
  top: 34.87544484%;
}
.x-net1 .x-con .x-t .x-it.x-it6 {
  left: 68.22916667%;
  top: 38.55278766%;
}
.x-net1 .x-con .x-t .x-it.x-it7 {
  left: 73.4375%;
  top: 36.77342823%;
}
.x-net1 .x-con .x-t .x-it.x-it8 {
  left: 74.47916667%;
  top: 36.77342823%;
}
.x-net1 .x-con .x-t .x-it.x-it9 {
  left: 68.22916667%;
  top: 60.49822064%;
}
@media (max-width: 767px) {
  .x-net1 .x-con .x-t .x-it.x-it9 {
    top: 57.498221%;
  }
}
.x-net1 .x-con .x-t .x-it i {
  display: inline-flex;
  font-style: initial;
  width: 10px;
  height: 10px;
  background-color: #1fe276;
  border-radius: 100%;
  position: relative;
}
@media (max-width: 991px) {
  .x-net1 .x-con .x-t .x-it i {
    width: 6px;
    height: 6px;
  }
}
@media (max-width: 767px) {
  .x-net1 .x-con .x-t .x-it i {
    transform: scale(0.6);
  }
}
.x-net1 .x-con .x-t .x-it i::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(31, 226, 118, 0.1);
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100%;
  animation: yqq 2s linear 1s infinite;
}
.x-net1 .x-con .x-t .x-it span {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  transform: translateX(-30%);
  color: #666;
  margin-top: 0.02rem;
}
@media (max-width: 991px) {
  .x-net1 .x-con .x-t .x-it span {
    transform: translateX(-40%);
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .x-net1 .x-con .x-t .x-it span {
    display: none;
  }
}
.x-net1 .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .x-net1 .container {
    position: initial;
    transform: initial;
    padding-bottom: 0.4rem;
  }
}
@media (max-width: 767px) {
  .x-net1 .container {
    padding-bottom: 1.2rem;
  }
}
.x-net1 .container .x-le {
  background-color: #f5f5f5;
  width: 5.45rem;
  border-radius: 0.15rem;
  padding: 0 0.6rem;
}
@media (max-width: 991px) {
  .x-net1 .container .x-le {
    width: 100%;
  }
}
.x-net1 .container .x-le ul li {
  padding: 0.4rem 0;
  border-bottom: 1px solid #e2e2e2;
}
.x-net1 .container .x-le ul li:last-child {
  border-bottom: none;
}
.x-net1 .container .x-le ul li .x-tit {
  display: flex;
}
.x-net1 .container .x-le ul li .x-tit i {
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.1rem;
}
@media (max-width: 1580px) {
  .x-net1 .container .x-le ul li .x-tit i {
    width: 0.4rem;
    height: 0.4rem;
  }
}
.x-net1 .container .x-le ul li .x-tit i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-net1 .container .x-le ul li .x-tit .x-title {
  color: #333333;
  font-weight: bold;
}
.x-net1 .container .x-le ul li .x-p {
  color: #666666;
  margin-top: 0.1rem;
  line-height: 1.7;
}
@media (max-width: 991px) {
  .x-net1 .container .x-ri {
    position: absolute;
    top: 20%;
    right: 5%;
    z-index: 5;
  }
}
@media (max-width: 767px) {
  .x-net1 .container .x-ri {
    right: auto;
    left: 8%;
    top: 10%;
  }
}
.x-net1 .container .x-ri .x-sp {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}
.x-net1 .container .x-ri .x-sp:nth-of-type(1) i {
  background-color: #ed6b1b;
}
.x-net1 .container .x-ri .x-sp:nth-of-type(1) i::before {
  background-color: rgba(237, 107, 27, 0.1);
}
.x-net1 .container .x-ri .x-sp i {
  display: inline-flex;
  font-style: initial;
  width: 10px;
  height: 10px;
  background-color: #1fe276;
  border-radius: 100%;
  position: relative;
}
@media (max-width: 991px) {
  .x-net1 .container .x-ri .x-sp i {
    width: 6px;
    height: 6px;
  }
}
.x-net1 .container .x-ri .x-sp i::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(31, 226, 118, 0.1);
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100%;
  transform: translate(-50%, -50%) scale(3);
}
.x-net1 .container .x-ri .x-sp span {
  margin-left: 0.2rem;
  color: #333;
  display: inline-block;
}
@keyframes yqq {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    transform: translate(-50%, -50%) scale(3);
  }
}
.x-net2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0.75rem 0 0.65rem;
}
.x-net2 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-net2 .container .x-le {
  width: 50%;
}
@media (max-width: 767px) {
  .x-net2 .container .x-le {
    width: 100%;
  }
}
.x-net2 .container .x-le .x-title {
  font-weight: bold;
  color: #fff;
}
.x-net2 .container .x-le .x-p {
  font-weight: bold;
  color: #fff;
  margin-top: 0.05rem;
}
@media (max-width: 767px) {
  .x-net2 .container .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-net2 .container .x-ri .x-sp {
  padding-left: 0.3rem;
}
@media (max-width: 1580px) {
  .x-net2 .container .x-ri .x-sp {
    padding-left: 0;
  }
}
.x-net2 .container .x-ri .x-sp i {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 0.15rem;
}
.x-net2 .container .x-ri .x-sp i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-net2 .container .x-ri .x-sp span {
  font-weight: bold;
  color: #fff;
}
.x-net2 .container .x-ri a {
  display: inline-block;
  background-color: #fff;
  border-radius: 100px;
  min-width: 2.5rem;
  padding: 0 0.2rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  margin-top: 0.15rem;
  transition: 0.4s ease-in-out;
}
.x-net2 .container .x-ri a:hover {
  background-color: #ed6b1b;
}
.x-net2 .container .x-ri a:hover span {
  color: #fff;
}
@media (max-width: 1580px) {
  .x-net2 .container .x-ri a {
    height: 0.7rem;
    line-height: 0.7rem;
  }
}
@media (max-width: 767px) {
  .x-net2 .container .x-ri a {
    height: 0.8rem;
    line-height: 0.8rem;
    min-width: 2.8rem;
  }
}
.x-net2 .container .x-ri a span {
  color: #ff6631;
  font-weight: bold;
  transition: 0.4s ease-in-out;
}
.x-down1 {
  padding: 1rem 0 0.6rem;
  background-color: #f8f8f8;
}
.x-down1 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-down1 .container .x-le {
  width: 25%;
  border-radius: 0.15rem;
  overflow: hidden;
}
@media (max-width: 991px) {
  .x-down1 .container .x-le {
    width: 100%;
  }
}
.x-down1 .container .x-le .x-title2 {
  background-color: #ed6b1b;
  color: #fff;
  padding: 0.27rem 0.3rem;
}
.x-down1 .container .x-le ul {
  background-color: #fff;
  padding: 0 0.3rem;
}
.x-down1 .container .x-le ul li {
  padding: 0.25rem 0;
  border-bottom: 1px solid #f2f2f2;
}
.x-down1 .container .x-le ul li:last-child {
  border-bottom: none;
  padding-bottom: 0.25rem !important;
}
.x-down1 .container .x-le ul li.on {
  padding-bottom: 0;
}
.x-down1 .container .x-le ul li.on .x-tit i img:nth-of-type(1),
.x-down1 .container .x-le ul li.on .x-tit i svg:nth-of-type(1) {
  opacity: 0;
}
.x-down1 .container .x-le ul li.on .x-tit i img:nth-of-type(2),
.x-down1 .container .x-le ul li.on .x-tit i svg:nth-of-type(2) {
  opacity: 1;
}
.x-down1 .container .x-le ul li .x-tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.x-down1 .container .x-le ul li .x-tit span {
  color: #333333;
  font-weight: bold;
}
.x-down1 .container .x-le ul li .x-tit i {
  display: inline-flex;
  width: 10px;
  height: 10px;
  position: relative;
}
.x-down1 .container .x-le ul li .x-tit i img,
.x-down1 .container .x-le ul li .x-tit i svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.x-down1 .container .x-le ul li .x-tit i img:nth-of-type(2),
.x-down1 .container .x-le ul li .x-tit i svg:nth-of-type(2) {
  opacity: 0;
}
.x-down1 .container .x-le ul li .x-a {
  background-color: #f5f5f5;
  padding: 0.3rem 0.15rem 0.25rem;
  margin-top: 0.25rem;
  display: none;
}
.x-down1 .container .x-le ul li .x-a .x-sp {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
  cursor: pointer;
}
.x-down1 .container .x-le ul li .x-a .x-sp:last-child {
  margin-bottom: 0;
}
.x-down1 .container .x-le ul li .x-a .x-sp.on i {
  background-color: #e55514;
}
.x-down1 .container .x-le ul li .x-a .x-sp.on i img {
  opacity: 1;
}
.x-down1 .container .x-le ul li .x-a .x-sp.on span {
  color: #e55514;
}
.x-down1 .container .x-le ul li .x-a .x-sp i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: #ddd;
  border-radius: 2px;
  margin-right: 0.1rem;
}
.x-down1 .container .x-le ul li .x-a .x-sp i img {
  width: 10px;
  height: 10px;
  object-fit: contain;
  opacity: 0;
}
.x-down1 .container .x-le ul li .x-a .x-sp span {
  color: #666666;
  transition: 0.4s ease-in-out;
}
.x-down1 .container .x-ri {
  width: 71.875%;
}
@media (max-width: 991px) {
  .x-down1 .container .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-down1 .container .x-ri ul {
  width: 100%;
  margin-bottom: 0.6rem;
}
.x-down1 .container .x-ri ul li {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.35rem 0.4rem 0.35rem 0.5rem;
  border-radius: 0.15rem;
  margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .x-down1 .container .x-ri ul li {
    flex-wrap: wrap;
  }
}
.x-down1 .container .x-ri ul li .x-title2 {
  display: flex;
  width: 60%;
}
@media (max-width: 767px) {
  .x-down1 .container .x-ri ul li .x-title2 {
    width: 100%;
  }
}
.x-down1 .container .x-ri ul li .x-title2:hover span {
  color: #ed6b1b;
}
.x-down1 .container .x-ri ul li .x-title2:hover p {
  color: #ed6b1b;
}
.x-down1 .container .x-ri ul li .x-title2 span {
  font-weight: bold;
  color: #333333;
  transition: 0.4s ease-in-out;
  line-height: 1.3;
}
.x-down1 .container .x-ri ul li .x-title2 p {
  color: #666666;
  padding-left: 0.1rem;
  transition: 0.4s ease-in-out;
}
.x-down1 .container .x-ri ul li .x-a {
  display: flex;
}
@media (max-width: 767px) {
  .x-down1 .container .x-ri ul li .x-a {
    width: 100%;
    margin-top: 0.1rem;
  }
}
.x-down1 .container .x-ri ul li .x-a a {
  display: inline-flex;
  align-items: center;
  padding-left: 0.4rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-down1 .container .x-ri ul li .x-a a {
    padding-left: 0;
    padding-right: 0.4rem;
  }
}
.x-down1 .container .x-ri ul li .x-a a:hover {
  color: #ed6b1b;
}
.x-down1 .container .x-ri ul li .x-a a:hover i svg path {
  fill: #ed6b1b;
}
.x-down1 .container .x-ri ul li .x-a a i {
  display: inline-flex;
  width: 0.22rem;
  height: 0.22rem;
  margin-right: 0.1rem;
}
@media (max-width: 1580px) {
  .x-down1 .container .x-ri ul li .x-a a i {
    width: 0.26rem;
    height: 0.26rem;
  }
}
.x-down1 .container .x-ri ul li .x-a a i svg {
  width: 100%;
  height: 100%;
}
.x-down1 .container .x-ri ul li .x-a a i svg path {
  fill: #666;
  transition: 0.4s ease-in-out;
}
.x-down1 .container .x-ri .x-page .container {
  justify-content: center;
}
.x-map1 {
  padding: 1.2rem 0 1.4rem;
}
.x-map1 .container {
  padding: 0 2rem;
}
@media (max-width: 1260px) {
  .x-map1 .container {
    padding: 0;
  }
}
.x-map1 .container .x-title {
  background: linear-gradient(180deg, #f9b700, #e7270e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
.x-map1 .container .x-xia ul li {
  border-bottom: 2px solid #dddddd;
  padding-bottom: 0.08rem;
  padding-top: 0.5rem;
}
.x-map1 .container .x-xia ul li .x-title2 a {
  color: #000000;
  font-weight: bold;
  transition: 0.4s ease-in-out;
}
.x-map1 .container .x-xia ul li .x-title2 a:hover {
  color: #ed6b1b;
}
.x-map1 .container .x-xia ul li .x-sp {
  display: flex;
  flex-wrap: wrap;
}
.x-map1 .container .x-xia ul li .x-sp .x-l {
  width: 25%;
  margin-top: 0.3rem;
  padding-right: 0.1rem;
}
@media (max-width: 767px) {
  .x-map1 .container .x-xia ul li .x-sp .x-l {
    width: 50%;
    margin-top: 0.1rem;
  }
}
.x-map1 .container .x-xia ul li .x-sp .x-l .x-title3 {
  font-weight: bold;
}
.x-map1 .container .x-xia ul li .x-sp .x-l .x-title3 a {
  color: #000;
  transition: 0.4s ease-in-out;
}
.x-map1 .container .x-xia ul li .x-sp .x-l .x-title3:hover a {
  color: #ed6b1b;
}
.x-map1 .container .x-xia ul li .x-sp .x-l .x-b {
  margin-top: 0.1rem;
}
.x-map1 .container .x-xia ul li .x-sp .x-l .x-b a {
  display: block;
  color: #666666;
  margin-bottom: 0.08rem;
  transition: 0.4s ease-in-out;
}
.x-map1 .container .x-xia ul li .x-sp .x-l .x-b a:hover {
  color: #ed6b1b;
}
.x-disc1 {
  padding: 1.1rem 0 1.5rem;
}
.x-disc1 .container {
  padding: 0 2rem;
}
@media (max-width: 1260px) {
  .x-disc1 .container {
    padding: 0;
  }
}
.x-disc1 .container .x-top {
  padding-bottom: 0.24rem;
  border-bottom: 1px solid #e5e5e5;
}
.x-disc1 .container .x-top .x-title {
  text-align: center;
  color: #080713;
  font-weight: bold;
}
.x-disc1 .container .x-top .x-sp {
  color: #666666;
  font-weight: bold;
  margin-top: 0.35rem;
}
.x-disc1 .container .x-top .x-sp span {
  display: inline-block;
  margin-right: 0.2rem;
}
.x-disc1 .container .x-bjq {
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .x-disc1 .container .x-bjq h1,
  .x-disc1 .container .x-bjq h2,
  .x-disc1 .container .x-bjq h3,
  .x-disc1 .container .x-bjq h4,
  .x-disc1 .container .x-bjq h5,
  .x-disc1 .container .x-bjq h6,
  .x-disc1 .container .x-bjq p,
  .x-disc1 .container .x-bjq span {
    font-size: 0.28rem !important;
  }
}
.x-search1 {
  padding: 1.1rem 0 1.6rem;
}
.x-search1 .container .x-title {
  font-weight: bold;
  color: #333333;
  text-align: center;
}
.x-search1 .container .x-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .x-search1 .container .x-top .x-a {
    width: 100%;
  }
}
.x-search1 .container .x-top .x-a a {
  color: #666666;
  font-weight: bold;
  margin-right: 0.7rem;
  transition: 0.4s ease-in-out;
  display: inline-block;
  padding-bottom: 0.32rem;
  position: relative;
}
@media (max-width: 767px) {
  .x-search1 .container .x-top .x-a a {
    padding-bottom: 0.14rem;
  }
}
.x-search1 .container .x-top .x-a a::before {
  content: "";
  width: 0;
  height: 3px;
  background-color: #ed6b1b;
  position: absolute;
  left: 0;
  bottom: -1px;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-search1 .container .x-top .x-a a::before {
    display: none;
  }
}
.x-search1 .container .x-top .x-a a.on {
  color: #ed6b1b;
}
.x-search1 .container .x-top .x-a a.on::before {
  width: 100%;
}
.x-search1 .container .x-top .x-fo {
  height: 0.7rem;
  line-height: 0.7rem;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  width: 3.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.08rem 0 0.25rem;
  margin-bottom: 0.1rem;
}
@media (max-width: 1580px) {
  .x-search1 .container .x-top .x-fo {
    width: 4.2rem;
  }
}
@media (max-width: 767px) {
  .x-search1 .container .x-top .x-fo {
    width: 100%;
    margin-top: 0.1rem;
    height: 0.8rem;
    line-height: 0.8rem;
    margin-bottom: 0.2rem;
  }
}
.x-search1 .container .x-top .x-fo .x-inp {
  width: calc(100% - 1.1rem);
  display: flex;
  align-items: center;
}
.x-search1 .container .x-top .x-fo .x-inp i {
  display: inline-flex;
  width: 16px;
  height: 16px;
  margin-right: 0.1rem;
}
.x-search1 .container .x-top .x-fo .x-inp i svg {
  width: 100%;
  height: 100%;
}
.x-search1 .container .x-top .x-fo .x-inp i svg path {
  fill: #666666;
}
.x-search1 .container .x-top .x-fo .x-inp input {
  color: #999999;
  width: 80%;
}
.x-search1 .container .x-top .x-fo .x-inp input::placeholder {
  color: #999999;
}
.x-search1 .container .x-top .x-fo button {
  width: 1.1rem;
  height: 84%;
  color: #fff;
  border-radius: 100px;
  background-color: #ed6b1b;
}
.x-search1 .container .x-xia-a {
  margin-top: 0.6rem;
}
.x-search1 .container .x-xia-a ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.2rem -0.8rem 0;
  padding-bottom: 1rem;
}
.x-search1 .container .x-xia-a ul li {
  width: 33.33%;
  padding: 0 0.2rem 0.8rem 0;
  display: flex;
}
@media (max-width: 991px) {
  .x-search1 .container .x-xia-a ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-search1 .container .x-xia-a ul li {
    width: 100%;
  }
}
.x-search1 .container .x-xia-a ul li a {
  display: block;
  width: 100%;
}
.x-search1 .container .x-xia-a ul li a:hover .public-img {
  border-color: #ed6b1b;
  background-color: #fff;
}
.x-search1 .container .x-xia-a ul li a:hover .public-img img:nth-of-type(2) {
  opacity: 1;
}
.x-search1 .container .x-xia-a ul li a:hover .x-text .x-title2 {
  color: #ed6b1b;
}
.x-search1 .container .x-xia-a ul li a .public-img {
  background-color: #f8f8f8;
  border-radius: 0.15rem;
  border: 1px solid transparent;
  transition: 0.4s ease-in-out;
}
.x-search1 .container .x-xia-a ul li a .public-img::before {
  padding-top: 96.15384615%;
}
.x-search1 .container .x-xia-a ul li a .public-img img:nth-of-type(2) {
  width: 0.76rem;
  height: 0.76rem;
  object-fit: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.x-search1 .container .x-xia-a ul li a .x-text {
  margin-top: 0.2rem;
}
.x-search1 .container .x-xia-a ul li a .x-text .x-title2 {
  font-weight: bold;
  color: #000;
  transition: 0.4s ease-in-out;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.x-search1 .container .x-xia-a ul li a .x-text .x-sp {
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.x-search1 .container .x-xia-a ul li a .x-text .x-sp2 {
  color: #666666;
  margin-top: 0.2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.x-search1 .container .x-xia-b {
  margin-top: 0.6rem;
}
.x-search1 .container .x-xia-b ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.4rem -0.4rem 0;
  padding-bottom: 0.55rem;
}
@media (max-width: 767px) {
  .x-search1 .container .x-xia-b ul {
    margin: 0 0 -0.4rem 0;
  }
}
.x-search1 .container .x-xia-b ul li {
  width: 33.33%;
  display: flex;
  padding: 0 0.4rem 0.4rem 0;
}
@media (max-width: 991px) {
  .x-search1 .container .x-xia-b ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-search1 .container .x-xia-b ul li {
    width: 100%;
    padding: 0 0rem 0.4rem 0;
  }
}
.x-search1 .container .x-xia-b ul li a {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 0.15rem;
  background-color: #fff;
  transition: 0.4s ease-in-out;
}
.x-search1 .container .x-xia-b ul li a:hover {
  box-shadow: 0 0 0.64rem rgba(5, 28, 45, 0.08);
}
.x-search1 .container .x-xia-b ul li a:hover .public-img img {
  transform: scale(1.05);
}
.x-search1 .container .x-xia-b ul li a:hover .x-text .x-xx span {
  color: #ed6b1b;
}
.x-search1 .container .x-xia-b ul li a:hover .x-text .x-xx i svg path {
  fill: #ed6b1b;
}
.x-search1 .container .x-xia-b ul li a .public-img::before {
  padding-top: 52.76679842%;
}
.x-search1 .container .x-xia-b ul li a .x-text {
  padding: 0.3rem 0.4rem;
}
.x-search1 .container .x-xia-b ul li a .x-text .x-sp {
  color: #999;
}
.x-search1 .container .x-xia-b ul li a .x-text .x-title {
  font-weight: bold;
  color: #333;
  margin-top: 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3em;
  text-align: left;
}
.x-search1 .container .x-xia-b ul li a .x-text .x-p {
  color: #666666;
  margin-top: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3em;
}
.x-search1 .container .x-xia-b ul li a .x-text .x-xx {
  padding-top: 0.25rem;
  margin-top: 0.35rem;
  border-top: 1px solid #efefef;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.x-search1 .container .x-xia-b ul li a .x-text .x-xx span {
  color: #999999;
  transition: 0.4s ease-in-out;
}
.x-search1 .container .x-xia-b ul li a .x-text .x-xx i {
  display: inline-block;
  width: 20px;
  height: auto;
}
.x-search1 .container .x-xia-b ul li a .x-text .x-xx i svg {
  width: 100%;
  height: auto;
}
.x-search1 .container .x-xia-b ul li a .x-text .x-xx i svg path {
  fill: #d0d4d9;
  transition: 0.4s ease-in-out;
}
.x-search1 .container .x-no-a {
  text-align: center;
  margin-top: 1.6rem;
}
.x-search1 .container .x-no-a i {
  display: inline-flex;
  width: 0.88rem;
  height: 0.88rem;
}
.x-search1 .container .x-no-a i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-search1 .container .x-no-a .x-p {
  color: #666666;
  font-weight: bold;
  margin-top: 0.3rem;
}
@media (max-width: 767px) {
  .x-search1 .container .x-no-a .x-p {
    font-size: 0.28rem;
  }
}
.x-pro1 {
  padding: 0.4rem 0;
  border-bottom: 1px solid #e5e5e5;
}
.x-pro1 .container {
  display: flex;
  flex-wrap: wrap;
}
.x-pro1 .container a {
  display: inline-block;
  color: #666666;
  font-weight: bold;
  padding: 0.145rem 0.28rem;
  border-radius: 100px;
  transition: 0.4s ease-in-out;
  margin-right: 0.2rem;
}
@media (max-width: 767px) {
  .x-pro1 .container a {
    padding: 0.18rem 0.4rem;
    margin-bottom: 0.1rem;
  }
}
.x-pro1 .container a:hover,
.x-pro1 .container a.on {
  background-color: #ed6b1b;
  color: #fff;
}
.x-pro1 .container a i {
  display: inline-block;
  font-style: initial;
  transform: translateY(-0.1rem);
}
.x-pro2 {
  padding-top: 0.35rem;
  background-color: #f8f8f8;
}
.x-pro2 .container .x-a a {
  display: inline-block;
  color: #666666;
  font-weight: bold;
  padding-bottom: 0.35rem;
  margin-right: 0.5rem;
  position: relative;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-pro2 .container .x-a a {
    margin-bottom: 0.3rem;
    padding-bottom: 0rem;
  }
}
.x-pro2 .container .x-a a:hover,
.x-pro2 .container .x-a a.on {
  color: #ed6b1b;
}
.x-pro2 .container .x-a a:hover::before,
.x-pro2 .container .x-a a.on::before {
  width: 100%;
}
.x-pro2 .container .x-a a::before {
  content: "";
  width: 0;
  height: 0.03rem;
  background-color: #ed6b1b;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.4s ease-in-out;
}
.x-pro3 .container .x-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.65rem 0;
  border-bottom: 1px solid #e5e5e5;
}
.x-pro3 .container .x-top .x-title {
  width: 45.625%;
  color: #000;
  font-weight: bold;
  padding-right: 0.2rem;
}
@media (max-width: 767px) {
  .x-pro3 .container .x-top .x-title {
    width: 100%;
  }
}
.x-pro3 .container .x-top .x-tit {
  width: 54.375%;
  line-height: 1.75;
  color: #666666;
}
@media (max-width: 767px) {
  .x-pro3 .container .x-top .x-tit {
    width: 100%;
    margin-top: 0.3rem;
    line-height: 1.5;
  }
}
.x-pro3 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0.35rem -0.2rem -0.55rem 0;
  padding-bottom: 1.4rem;
}
@media (max-width: 767px) {
  .x-pro3 .container ul {
    padding-bottom: 0rem;
  }
}
.x-pro3 .container ul li {
  width: 33.33%;
  padding: 0 0.2rem 0.55rem 0;
  display: flex;
}
@media (max-width: 991px) {
  .x-pro3 .container ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-pro3 .container ul li {
    width: 100%;
  }
}
.x-pro3 .container ul li a {
  display: block;
  width: 100%;
}
.x-pro3 .container ul li a:hover .public-img {
  border-color: #ed6b1b;
  background-color: #fff;
}
.x-pro3 .container ul li a:hover .public-img img:nth-of-type(2) {
  opacity: 1;
}
.x-pro3 .container ul li a:hover .x-text .x-title2 {
  color: #ed6b1b;
}
.x-pro3 .container ul li a .public-img {
  background-color: #f8f8f8;
  border-radius: 0.15rem;
  border: 1px solid transparent;
  transition: 0.4s ease-in-out;
}
.x-pro3 .container ul li a .public-img::before {
  padding-top: 96.15384615%;
}
.x-pro3 .container ul li a .public-img img:nth-of-type(2) {
  width: 0.76rem;
  height: 0.76rem;
  object-fit: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.x-pro3 .container ul li a .x-text {
  margin-top: 0.2rem;
}
.x-pro3 .container ul li a .x-text .x-title2 {
  font-weight: bold;
  color: #000;
  transition: 0.4s ease-in-out;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.x-pro3 .container ul li a .x-text .x-sp {
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.x-pro3 .container ul li a .x-text .x-sp2 {
  color: #666666;
  margin-top: 0.2rem;
}
.x-pro3 .container ul li a .x-text .x-sp2 p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3em;
}
.x-pro-com1 {
  background-color: #fff;
}
.x-pro-com2 {
  padding: 0.8rem 0 1.4rem;
}
.x-pro-com2 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.x-pro-com2 .container .x-yid {
  display: none;
  width: 100%;
}
@media (max-width: 767px) {
  .x-pro-com2 .container .x-yid {
    display: block;
    margin-bottom: 0.8rem;
  }
}
.x-pro-com2 .container .x-yid .x-title {
  font-weight: bold;
  color: #000000;
  line-height: 1.3;
}
.x-pro-com2 .container .x-yid .x-title span {
  color: #ed6b1b;
  display: inline-block;
  margin: 0 0.1rem;
}
.x-pro-com2 .container .x-yid a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ed6b1b;
  border-radius: 100px;
  padding: 0.18rem 0.36rem;
  color: #fff;
  margin-top: 0.3rem;
}
.x-pro-com2 .container .x-yid a span {
  font-size: 0.28rem;
}
.x-pro-com2 .container .x-yid a i {
  display: inline-flex;
  align-items: center;
  width: 12px;
  height: 12px;
  margin-right: 0.1rem;
}
.x-pro-com2 .container .x-yid a i svg {
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
}
.x-pro-com2 .container .x-yid a i svg path {
  fill: #fff;
}
.x-pro-com2 .container .x-le {
  width: 27.1875%;
}
.x-pro-com2 .container .x-le .x-top {
  padding-bottom: 0.66rem;
}
@media (max-width: 767px) {
  .x-pro-com2 .container .x-le .x-top {
    opacity: 0;
    pointer-events: none;
  }
}
.x-pro-com2 .container .x-le .x-top .x-title {
  font-weight: bold;
  color: #000000;
  line-height: 1.3;
}
.x-pro-com2 .container .x-le .x-top .x-title span {
  color: #ed6b1b;
  display: inline-block;
  margin: 0 0.1rem;
}
.x-pro-com2 .container .x-le .x-top a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ed6b1b;
  border-radius: 100px;
  padding: 0.145rem 0.28rem;
  color: #fff;
  margin-top: 0.6rem;
}
.x-pro-com2 .container .x-le .x-top a i {
  display: inline-flex;
  align-items: center;
  width: 12px;
  height: 12px;
  margin-right: 0.1rem;
}
.x-pro-com2 .container .x-le .x-top a i svg {
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
}
.x-pro-com2 .container .x-le .x-top a i svg path {
  fill: #fff;
}
.x-pro-com2 .container .x-le .x-bottom {
  margin-top: 0.5rem;
}
.x-pro-com2 .container .x-le .x-bottom ul {
  box-shadow: 10px 0px 20px 0px rgba(3, 0, 0, 0.1);
}
.x-pro-com2 .container .x-le .x-bottom ul li {
  color: #000000;
  font-weight: bold;
  padding: 0.3rem 0.1rem 0.3rem 0.4rem;
  border-bottom: 1px solid #e3e3e3;
}
@media (max-width: 767px) {
  .x-pro-com2 .container .x-le .x-bottom ul li {
    font-size: 0.26rem;
    padding: 0.2rem;
  }
}
.x-pro-com2 .container .x-le .x-bottom ul li:nth-of-type(1) {
  border-top: 1px solid #e5e5e5;
}
.x-pro-com2 .container .x-ri {
  width: 72.8125%;
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide:last-child .x-bottom li {
  border-right: none;
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide .x-top {
  display: block;
  margin: 0 0.27rem;
  padding-bottom: 0.66rem;
}
@media (max-width: 1580px) {
  .x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide .x-top {
    margin: 0 0.2rem;
  }
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide .x-top:hover .public-img {
  border-color: #ed6b1b;
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide .x-top:hover .public-img img:nth-of-type(2) {
  opacity: 1;
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide .x-top:hover .x-text .x-title2 {
  color: #ed6b1b;
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide .x-top .public-img {
  background-color: #f8f8f8;
  border-radius: 0.15rem;
  border: 1px solid transparent;
  transition: 0.4s ease-in-out;
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide .x-top .public-img::before {
  padding-top: 133.33333333%;
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide .x-top .public-img img:nth-of-type(2) {
  width: 0.76rem;
  height: 0.76rem;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide .x-top .x-text {
  margin-top: 0.34rem;
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide .x-top .x-text .x-title2 {
  transition: 0.4s ease-in-out;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide .x-top .x-text .x-sp {
  color: #999999;
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide .x-top .x-text .x-sp p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide .x-bottom {
  margin-top: 0.5rem;
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide .x-bottom li {
  padding: 0.32rem 0.25rem;
  font-size: 15px;
  line-height: 2;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #dfdfdf;
}
@media (max-width: 767px) {
  .x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide .x-bottom li {
    font-size: 0.26rem;
    padding: 0.2rem;
    line-height: 1.5;
  }
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-wrapper .swiper-slide .x-bottom li:nth-of-type(1) {
  border-top: 1px solid #e5e5e5;
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-pagination {
  width: 100%;
  height: 0.03rem;
  background-color: #cccccc;
  left: 0;
  top: 610px;
  z-index: 5;
  margin-left: 0.25rem;
}
@media (max-width: 1580px) {
  .x-pro-com2 .container .x-ri .swiper-container .swiper-pagination {
    top: 6.8rem;
  }
}
@media (max-width: 1260px) {
  .x-pro-com2 .container .x-ri .swiper-container .swiper-pagination {
    top: 7.8rem;
  }
}
@media (max-width: 991px) {
  .x-pro-com2 .container .x-ri .swiper-container .swiper-pagination {
    top: 6.1rem;
  }
}
@media (max-width: 767px) {
  .x-pro-com2 .container .x-ri .swiper-container .swiper-pagination {
    top: 7.8rem;
  }
}
.x-pro-com2 .container .x-ri .swiper-container .swiper-pagination .swiper-pagination-progressbar-fill {
  background-color: #ed6b1b;
}
.x-pro-info1 {
  height: 280vh;
  background-image: linear-gradient(to right bottom, rgba(248, 248, 248, 0), rgba(255, 255, 255, 0));
}
@media (max-width: 767px) {
  .x-pro-info1 {
    height: auto;
  }
}
.x-pro-info1 .x-con {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 767px) {
  .x-pro-info1 .x-con {
    height: 96vh;
  }
}
.x-pro-info1 .x-con .x-p {
  font-size: 3.6rem;
  color: rgba(0, 0, 0, 0.1);
  text-align: center;
  padding-top: 1.3rem;
}
@media (max-width: 991px) {
  .x-pro-info1 .x-con .x-p {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .x-pro-info1 .x-con .x-p {
    padding-top: 1.7rem;
  }
}
.x-pro-info1 .x-con .x-box1 {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 5;
}
.x-pro-info1 .x-con .x-box1 .x-swiper1 {
  width: 40%;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .x-pro-info1 .x-con .x-box1 .x-swiper1 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .x-pro-info1 .x-con .x-box1 .x-swiper1 {
    width: 80%;
  }
}
.x-pro-info1 .x-con .x-box1 .x-swiper1 .swiper-container .swiper-wrapper .swiper-slide .public-img::before {
  padding-top: 110.46875%;
}
.x-pro-info1 .x-con .x-box2 {
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  z-index: 5;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  opacity: 0;
}
@media (max-width: 991px) {
  .x-pro-info1 .x-con .x-box2 {
    margin-top: 3rem;
  }
}
@media (max-width: 767px) {
  .x-pro-info1 .x-con .x-box2 {
    margin-top: 2.8rem;
    top: 50% !important;
    opacity: 1;
  }
}
.x-pro-info1 .x-con .x-box2 .x-le {
  width: 50%;
  margin-top: 0.4rem;
}
@media (max-width: 991px) {
  .x-pro-info1 .x-con .x-box2 .x-le {
    width: 100%;
  }
}
.x-pro-info1 .x-con .x-box2 .x-le .x-title {
  color: #000;
  line-height: 1;
}
.x-pro-info1 .x-con .x-box2 .x-le .x-sp {
  color: #999999;
  margin-top: 3px;
}
.x-pro-info1 .x-con .x-box2 .x-le .x-p2 {
  font-weight: bold;
  color: #666666;
  margin-top: 0.35rem;
}
@media (max-width: 767px) {
  .x-pro-info1 .x-con .x-box2 .x-le .x-p2 {
    max-height: 1.8rem;
    overflow-y: auto;
  }
}
.x-pro-info1 .x-con .x-box2 .x-le a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ed6b1b;
  min-width: 1.6rem;
  padding: 0.145rem;
  border-radius: 100px;
  margin-top: 0.5rem;
}
@media (max-width: 1580px) {
  .x-pro-info1 .x-con .x-box2 .x-le a {
    min-width: 2.2rem;
  }
}
@media (max-width: 767px) {
  .x-pro-info1 .x-con .x-box2 .x-le a {
    padding: 0.17rem 0.4rem;
  }
}
.x-pro-info1 .x-con .x-box2 .x-le a i {
  display: inline-flex;
  width: 0.26rem;
  height: 0.26rem;
  margin-right: 0.1rem;
}
@media (max-width: 767px) {
  .x-pro-info1 .x-con .x-box2 .x-le a i {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-pro-info1 .x-con .x-box2 .x-le a i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-pro-info1 .x-con .x-box2 .x-le a span {
  color: #fff;
}
.x-pro-info1 .x-con .x-box2 .x-ri {
  width: 7.5%;
}
@media (max-width: 1260px) {
  .x-pro-info1 .x-con .x-box2 .x-ri {
    width: 10%;
  }
}
@media (max-width: 991px) {
  .x-pro-info1 .x-con .x-box2 .x-ri {
    order: -1;
    width: 100%;
  }
}
.x-pro-info1 .x-con .x-box2 .x-ri .x-swiper2 {
  width: 100%;
  height: 4rem;
}
@media (max-width: 1580px) {
  .x-pro-info1 .x-con .x-box2 .x-ri .x-swiper2 {
    height: 5rem;
  }
}
@media (max-width: 991px) {
  .x-pro-info1 .x-con .x-box2 .x-ri .x-swiper2 {
    height: auto;
  }
}
.x-pro-info1 .x-con .x-box2 .x-ri .x-swiper2 .swiper-container {
  height: 100%;
  padding: 1px;
}
.x-pro-info1 .x-con .x-box2 .x-ri .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide {
  cursor: pointer;
}
.x-pro-info1 .x-con .x-box2 .x-ri .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .public-img {
  border-color: #ed6b1b;
}
.x-pro-info1 .x-con .x-box2 .x-ri .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide .public-img {
  height: 100%;
  border: 0.02rem solid #ededed;
  border-radius: 0.1rem;
  transition: 0.4s ease-in-out;
}
.x-pro-info1 .x-con .x-sbhd {
  position: absolute;
  left: 0;
  bottom: 1.9rem;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .x-pro-info1 .x-con .x-sbhd {
    display: none;
  }
}
.x-pro-info1 .x-con .x-sbhd span {
  color: #999999;
}
.x-pro-info1 .x-con .x-sbhd i {
  display: inline-flex;
  align-items: center;
  width: 0.26rem;
  height: 0.26rem;
  margin-top: 0.1rem;
}
.x-pro-info1 .x-con .x-sbhd i svg {
  width: 100%;
  height: 100%;
}
.x-pro-info2 {
  background-color: #f8f8f8;
  padding: 1.2rem 0 0.9rem;
}
.x-pro-info2 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
.x-pro-info2 .container .x-le {
  width: 19.375%;
  background-color: #fff;
  padding: 0 0.34rem;
  border-radius: 0.15rem;
  position: sticky;
  position: -webkit-sticky;
  top: 100px;
}
@media (max-width: 991px) {
  .x-pro-info2 .container .x-le {
    width: 100%;
    position: initial;
  }
}
.x-pro-info2 .container .x-le .x-p {
  color: #999999;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
  transition: 0.4s ease-in-out;
}
.x-pro-info2 .container .x-le .x-p.on {
  color: #333333;
}
.x-pro-info2 .container .x-le .x-p.on i {
  opacity: 1;
}
.x-pro-info2 .container .x-le .x-p p {
  padding-right: 0.1rem;
  font-weight: bold;
}
.x-pro-info2 .container .x-le .x-p i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background-color: #ed6b1b;
  flex-shrink: 0;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.x-pro-info2 .container .x-le .x-p i svg {
  width: 8px;
  height: 8px;
}
.x-pro-info2 .container .x-le .x-p i svg path {
  fill: #fff;
}
.x-pro-info2 .container .x-ri {
  width: 75.625%;
}
@media (max-width: 991px) {
  .x-pro-info2 .container .x-ri {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-pro-info2 .container .x-ri .x-tit {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #dfdfdf;
}
.x-pro-info2 .container .x-ri .x-tit.on .x-title i {
  background-color: #ed6b1b;
}
.x-pro-info2 .container .x-ri .x-tit.on .x-title span {
  color: #ed6b1b;
}
.x-pro-info2 .container .x-ri .x-tit .x-title {
  width: 50%;
  display: flex;
  align-items: center;
}
.x-pro-info2 .container .x-ri .x-tit .x-title i {
  display: inline-block;
  width: 0.12rem;
  height: 0.12rem;
  background-color: #999999;
  border-radius: 100%;
  margin-right: 0.25rem;
}
.x-pro-info2 .container .x-ri .x-tit .x-title span {
  color: #666666;
  font-weight: bold;
}
.x-pro-info2 .container .x-ri .x-tit .x-sp {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.x-pro-info2 .container .x-ri .x-tit .x-sp:hover i svg .sfaasfassd {
  fill: #ed6b1b;
}
.x-pro-info2 .container .x-ri .x-tit .x-sp:hover span {
  color: #ed6b1b;
}
.x-pro-info2 .container .x-ri .x-tit .x-sp i {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}
@media (max-width: 1580px) {
  .x-pro-info2 .container .x-ri .x-tit .x-sp i {
    width: 0.26rem;
    height: 0.26rem;
  }
}
@media (max-width: 767px) {
  .x-pro-info2 .container .x-ri .x-tit .x-sp i {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-pro-info2 .container .x-ri .x-tit .x-sp i svg {
  width: 100%;
  height: 100%;
}
.x-pro-info2 .container .x-ri .x-tit .x-sp i svg .sfaasfassd {
  fill: #999;
  transition: 0.4s ease-in-out;
}
.x-pro-info2 .container .x-ri .x-tit .x-sp span {
  color: #999999;
  font-weight: bold;
  transition: 0.4s ease-in-out;
}
.x-pro-info2 .container .x-ri .x-top1 {
  margin-top: 0.2rem;
}
.x-pro-info2 .container .x-ri .x-top1 .x-bottom .x-li {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #dfdfdf;
}
.x-pro-info2 .container .x-ri .x-top1 .x-bottom .x-li:nth-of-type(2n-1) {
  background-color: #fff;
}
.x-pro-info2 .container .x-ri .x-top1 .x-bottom .x-li .x-l {
  width: 35.95%;
  padding: 0.28rem 0.4rem;
  border-right: 1px solid #dfdfdf;
}
@media (max-width: 767px) {
  .x-pro-info2 .container .x-ri .x-top1 .x-bottom .x-li .x-l {
    padding: 0.28rem 0.2rem;
  }
}
.x-pro-info2 .container .x-ri .x-top1 .x-bottom .x-li .x-l .x-title2 {
  color: #000;
  font-weight: bold;
}
.x-pro-info2 .container .x-ri .x-top1 .x-bottom .x-li .x-r {
  width: 64.05%;
  padding: 0.28rem 0.25rem;
}
.x-pro-info2 .container .x-ri .x-top1 .x-bottom .x-li .x-r p {
  color: #666666;
  line-height: 2;
}
@media (max-width: 767px) {
  .x-pro-info2 .container .x-ri .x-top1 .x-bottom .x-li .x-r p {
    line-height: 1.6;
  }
}
.x-pro-info2 .container .x-ri .x-top2 {
  margin-top: 0.8rem;
}
.x-pro-info2 .container .x-ri .x-top2 ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0.5rem -0.3rem -0.3rem 0;
}
.x-pro-info2 .container .x-ri .x-top2 ul li {
  width: 33.33%;
  display: flex;
  padding: 0 0.3rem 0.3rem 0;
}
@media (max-width: 767px) {
  .x-pro-info2 .container .x-ri .x-top2 ul li {
    width: 50%;
  }
}
.x-pro-info2 .container .x-ri .x-top2 ul li .x-box {
  border-radius: 0.15rem;
  background-color: #fff;
  padding: 1.2rem 0.6rem 0.6rem;
  width: 100%;
}
@media (max-width: 991px) {
  .x-pro-info2 .container .x-ri .x-top2 ul li .x-box {
    padding: 0.6rem 0.3rem;
  }
}
.x-pro-info2 .container .x-ri .x-top2 ul li .x-box .x-img {
  width: 1.06rem;
  height: 1.06rem;
  margin: 0 auto;
}
.x-pro-info2 .container .x-ri .x-top2 ul li .x-box .x-img img,
.x-pro-info2 .container .x-ri .x-top2 ul li .x-box .x-img svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.x-pro-info2 .container .x-ri .x-top2 ul li .x-box .x-text {
  text-align: center;
  margin-top: 0.4rem;
}
.x-pro-info2 .container .x-ri .x-top2 ul li .x-box .x-text .x-title2 {
  color: #ed6b1b;
  font-weight: bold;
}
.x-pro-info2 .container .x-ri .x-top2 ul li .x-box .x-text .x-sp {
  color: #666666;
  margin-top: 0.1rem;
}
.x-pro-info2 .container .x-ri .x-top3 {
  margin-top: 0.8rem;
}
.x-pro-info2 .container .x-ri .x-top3 .x-swi {
  position: relative;
  margin-top: 0.4rem;
}
.x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper1 .x-i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  justify-content: flex-start;
  pointer-events: none;
}
@media (max-width: 991px) {
  .x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper1 .x-i {
    display: none;
  }
}
.x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper1 .x-i i {
  display: inline-block;
  width: 14.28%;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}
.x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper1 .swiper-container .swiper-wrapper .swiper-slide .public-img {
  border-radius: 0.15rem;
}
.x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper1 .swiper-container .swiper-wrapper .swiper-slide .public-img::before {
  padding-top: 50.2071251%;
}
@media (max-width: 767px) {
  .x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper1 .swiper-container .swiper-wrapper .swiper-slide .public-img::before {
    padding-top: 76.207125%;
  }
}
.x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper1 .swiper-container .swiper-wrapper .swiper-slide .x-sp {
  line-height: 1.4;
  font-weight: bold;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  padding: 0.55rem 0.5rem;
}
@media (max-width: 767px) {
  .x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper1 .swiper-container .swiper-wrapper .swiper-slide .x-sp {
    max-height: 2rem;
    overflow-y: auto;
    top: 0.4rem;
    padding: 0 0.15rem 0 0;
    margin: 0 0.4rem;
  }
  .x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper1 .swiper-container .swiper-wrapper .swiper-slide .x-sp br {
    display: none;
  }
}
.x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper2 {
  position: absolute;
  left: 0;
  bottom: 45px;
  width: 100%;
}
@media (max-width: 991px) {
  .x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper2 {
    bottom: 20px;
  }
}
.x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper2::before {
  content: "";
  width: calc(100% - 14.28%);
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  z-index: 5;
}
@media (max-width: 991px) {
  .x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper2::before {
    bottom: 20px;
  }
}
.x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide {
  text-align: center;
  padding-bottom: 10px;
  position: relative;
}
.x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide::before {
  content: "";
  width: 0;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  bottom: 20px;
}
@media (max-width: 991px) {
  .x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide::before {
    bottom: 20px;
  }
}
.x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active::before {
  animation: xxt 5.8s linear forwards;
}
.x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p {
  color: #fff;
}
.x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active i::before {
  opacity: 1;
}
.x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide p {
  color: rgba(255, 255, 255, 0.6);
  transition: 0.4s ease-in-out;
  cursor: pointer;
  padding-bottom: 0.1rem;
}
.x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide i {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 100%;
  position: relative;
}
.x-pro-info2 .container .x-ri .x-top3 .x-swi .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide i::before {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.x-pro-info2 .container .x-ri .x-top4 {
  margin-top: 0.9rem;
}
.x-pro-info2 .container .x-ri .x-top4 .x-bott {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.88rem;
}
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-text {
  width: 38%;
  font-weight: bold;
  color: #333333;
  line-height: 1.7;
}
@media (max-width: 1580px) {
  .x-pro-info2 .container .x-ri .x-top4 .x-bott .x-text br {
    display: none;
  }
}
@media (max-width: 767px) {
  .x-pro-info2 .container .x-ri .x-top4 .x-bott .x-text {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii {
  width: 58.67%;
  padding: 0 0.55rem;
  position: relative;
}
@media (max-width: 767px) {
  .x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii {
    width: 100%;
    order: -1;
  }
}
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii .swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
}
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii .swiper-container .swiper-wrapper .swiper-slide .public-img {
  border-radius: 0.15rem;
}
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii .swiper-container .swiper-wrapper .swiper-slide .public-img::before {
  padding-top: 60%;
}
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii .swiper-container .swiper-wrapper .swiper-slide .public-img::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url('../images/x-cont4.png') no-repeat bottom;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii .swiper-container .swiper-wrapper .swiper-slide p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 5;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 0 0.25rem 0.25rem;
}
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii .x-prev,
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii .x-next {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.26rem;
  height: 0.26rem;
  cursor: pointer;
  z-index: 5;
}
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii .x-prev:hover svg path,
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii .x-next:hover svg path {
  fill: #ed6b1b;
}
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii .x-prev svg,
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii .x-next svg {
  width: 100%;
  height: 100%;
}
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii .x-prev svg path,
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii .x-next svg path {
  fill: #999;
  transition: 0.4s ease-in-out;
}
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii .x-next {
  left: auto;
  right: 0;
}
.x-pro-info2 .container .x-ri .x-top4 .x-bott .x-rii .x-next svg {
  transform: rotate(180deg);
}
@keyframes xxt {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.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: #999999;
  -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: #999999;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.curtain2 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
}
.curtain2 .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
}
.curtain2 .curtain_box {
  position: absolute;
  max-width: 90%;
  max-height: 95%;
  left: 50%;
  top: 50%;
  background: #fff;
  overflow: hidden;
  z-index: 10000;
  transform: translate(-50%, -50%);
  border-radius: 0.15rem;
}
.curtain2 .curtain_box .curtain_title {
  position: relative;
  padding: 0 30px;
  background: #1c4798;
}
.curtain2 .curtain_box .curtain_title .close_tc {
  position: absolute;
  top: 0.44rem;
  right: 0.6rem;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  background-color: #ededed;
  cursor: pointer;
  z-index: 10000;
}
@media (max-width: 1580px) {
  .curtain2 .curtain_box .curtain_title .close_tc {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .curtain2 .curtain_box .curtain_title .close_tc {
    width: 0.7rem;
    height: 0.7rem;
  }
}
.curtain2 .curtain_box .curtain_title .close_tc::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -10px;
  width: 20px;
  height: 2px;
  background: #999999;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.curtain2 .curtain_box .curtain_title .close_tc::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -10px;
  width: 20px;
  height: 2px;
  background: #999999;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.curtain2 .curtain_box .x-con {
  width: 17.2rem;
  padding: 0.5rem 0.34rem 0.5rem 0.5rem;
}
@media (max-width: 1260px) {
  .curtain2 .curtain_box .x-con {
    width: 14rem;
  }
}
@media (max-width: 991px) {
  .curtain2 .curtain_box .x-con {
    width: 10rem;
  }
}
@media (max-width: 767px) {
  .curtain2 .curtain_box .x-con {
    width: 6.8rem;
  }
}
.curtain2 .curtain_box .x-con .x-title {
  font-weight: bold;
  color: #333;
  padding-right: 1.5rem;
}
.curtain2 .curtain_box .x-con ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0.3rem -0.2rem -0.2rem 0;
  max-height: 6.3rem;
  overflow-y: auto;
  padding-right: 0.2rem;
}
.curtain2 .curtain_box .x-con ul li {
  width: 33.33%;
  padding: 0 0.2rem 0.2rem 0;
  display: flex;
}
@media (max-width: 991px) {
  .curtain2 .curtain_box .x-con ul li {
    width: 50%;
    margin-bottom: 0.4rem;
  }
}
@media (max-width: 767px) {
  .curtain2 .curtain_box .x-con ul li {
    width: 100%;
  }
}
.curtain2 .curtain_box .x-con ul li.on .x-box .public-img .x-df i {
  border-color: #ed6b1b;
  background-color: #ed6b1b;
}
.curtain2 .curtain_box .x-con ul li.on .x-box .public-img .x-df i img {
  opacity: 1;
}
.curtain2 .curtain_box .x-con ul li.on .x-box .public-img .x-df span {
  color: #ed6b1b;
}
.curtain2 .curtain_box .x-con ul li.on .x-box .x-text .x-title2 {
  color: #ed6b1b;
}
.curtain2 .curtain_box .x-con ul li .x-box {
  width: 100%;
}
.curtain2 .curtain_box .x-con ul li .x-box .public-img {
  background-color: #f8f8f8;
  border-radius: 0.15rem;
}
.curtain2 .curtain_box .x-con ul li .x-box .public-img::before {
  padding-top: 96.15384615%;
}
.curtain2 .curtain_box .x-con ul li .x-box .public-img .x-df {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  position: absolute;
  top: 0.25rem;
  right: 0.2rem;
  z-index: 5;
}
.curtain2 .curtain_box .x-con ul li .x-box .public-img .x-df i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 1px solid #999999;
  margin-right: 0.1rem;
}
@media (max-width: 767px) {
  .curtain2 .curtain_box .x-con ul li .x-box .public-img .x-df i {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.curtain2 .curtain_box .x-con ul li .x-box .public-img .x-df i img {
  width: 10px;
  height: 10px;
  object-fit: contain;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.curtain2 .curtain_box .x-con ul li .x-box .public-img .x-df span {
  font-weight: bold;
  color: #999999;
}
.curtain2 .curtain_box .x-con ul li .x-box .x-text {
  margin-top: 0.2rem;
}
.curtain2 .curtain_box .x-con ul li .x-box .x-text .x-title2 {
  font-weight: bold;
  color: #000;
  transition: 0.4s ease-in-out;
}
.curtain2 .curtain_box .x-con ul li .x-box .x-text .x-p {
  color: #999999;
}
.curtain2 .curtain_box .x-con ul li .x-box .x-text .x-p2 {
  color: #666666;
  margin-top: 0.2rem;
}
.curtain2 .curtain_box .x-con .x-a {
  text-align: center;
  margin-top: 0.5rem;
}
.curtain2 .curtain_box .x-con .x-a a {
  display: inline-block;
  min-width: 1.6rem;
  text-align: center;
  background-color: #ed6b1b;
  color: #fff;
  border-radius: 100px;
  padding: 0.145rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  .curtain2 .curtain_box .x-con .x-a a {
    padding: 0.17rem 0.34rem;
  }
}
.x-about-con {
  position: relative;
}
.x-about-con .x-about1 {
  height: 270vh;
}
.x-about-con .x-about1 .x-con {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  height: 100vh;
}
.x-about-con .x-about1 .x-con .x-ny-banner {
  height: 100%;
}
.x-about-con .x-about1 .x-con .x-ny-banner .public-img {
  height: 100%;
}
.x-about-con .x-about1 .x-con .x-ny-banner .public-img::before {
  padding-top: 50%;
}
.x-about-con .x-about1 .x-con .x-ny-banner .x-text .container .x-p {
  color: rgba(255, 255, 255, 0.8);
}
.x-about-con .x-about1 .x-con .x-log {
  width: 100%;
  height: 100vh;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 5;
  margin-top: -100vh;
  overflow: hidden;
  pointer-events: none;
}
.x-about-con .x-about1 .x-con .x-log .x-x1 {
  width: 100%;
  height: 100%;
  transform: scale(10);
  opacity: 0;
  transition: initial;
}
.x-about-con .x-about1 .x-con .x-log .x-x2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  opacity: 0;
  transform: scale(10);
  transition: initial;
}
@media (max-width: 767px) {
  .x-about-con .x-about1 .x-con .x-log .x-pc {
    display: none;
  }
}
.x-about-con .x-about1 .x-con .x-log .x-m {
  display: none;
}
@media (max-width: 767px) {
  .x-about-con .x-about1 .x-con .x-log .x-m {
    display: block;
  }
}
.x-about-con .tbox4_zz {
  width: 100%;
  height: 1.5rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
  position: sticky;
  position: -webkit-sticky;
  top: calc(100vh - 1.5rem);
  margin-top: -54vh;
  z-index: 6;
}
@media (max-width: 991px) {
  .x-about-con .tbox4_zz {
    margin-top: -49vh;
  }
}
.x-about-con .tbox4_zz.on {
  opacity: 0;
}
.x-about-con .x-about2 {
  width: 100%;
  background: #fff;
  position: relative;
  z-index: 5;
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .x-about-con .x-about2 {
    padding-bottom: 0.8rem;
  }
}
.x-about-con .x-about2 .container .x-p {
  color: #000;
  font-weight: bold;
  text-align: center;
  padding: 0.8rem 2.6rem 0;
}
@media (max-width: 1580px) {
  .x-about-con .x-about2 .container .x-p {
    padding: 0.8rem 2rem 0;
  }
}
@media (max-width: 991px) {
  .x-about-con .x-about2 .container .x-p {
    padding: 0.6rem 0;
  }
}
.x-about-con .x-about2 .container ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 1.7rem;
}
@media (max-width: 767px) {
  .x-about-con .x-about2 .container ul {
    margin-top: 0.6rem;
  }
}
.x-about-con .x-about2 .container ul li {
  width: 26.56%;
  margin-right: 10.16%;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .x-about-con .x-about2 .container ul li {
    width: 100%;
    margin-bottom: 0.4rem;
    margin-right: 0;
  }
}
.x-about-con .x-about2 .container ul li:nth-of-type(3n) {
  margin-right: 0;
}
.x-about-con .x-about2 .container ul li .x-l {
  display: flex;
}
.x-about-con .x-about2 .container ul li .x-l span {
  font-size: 0.98rem;
  font-family: 'ava-d';
  color: #ed6b1b;
  line-height: 1;
}
.x-about-con .x-about2 .container ul li .x-l i {
  font-style: initial;
  color: #ed6b1b;
  display: inline-block;
  margin-left: 2px;
}
.x-about-con .x-about2 .container ul li p {
  color: #666666;
  font-weight: bold;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .x-about3 {
    padding-bottom: 0.8rem;
  }
}
.x-about3 .x-con {
  position: relative;
}
@media (max-width: 767px) {
  .x-about3 .x-con {
    width: 90%;
    margin: 0 auto;
  }
}
.x-about3 .x-con .x-img {
  position: relative;
}
@media (max-width: 767px) {
  .x-about3 .x-con .x-img {
    display: none;
  }
}
.x-about3 .x-con .x-img .public-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s ease-in-out;
}
.x-about3 .x-con .x-img .public-img.on {
  position: relative;
  z-index: 2;
}
.x-about3 .x-con .x-img .public-img::before {
  padding-top: 44.79166667%;
}
.x-about3 .x-con ul {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .x-about3 .x-con ul {
    position: initial;
  }
}
.x-about3 .x-con ul li {
  width: 33.33%;
  border-right: 1px solid rgba(255, 255, 255, 0.6);
  text-align: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 0.5rem;
  position: relative;
}
@media (max-width: 767px) {
  .x-about3 .x-con ul li {
    width: 100%;
    margin-bottom: 0.4rem;
    padding: 0;
  }
}
.x-about3 .x-con ul li::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: url('../images/x-about3.png') no-repeat center;
  background-size: cover;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-about3 .x-con ul li::before {
    opacity: 1;
  }
}
.x-about3 .x-con ul li.on::before {
  opacity: 1;
}
.x-about3 .x-con ul li.on .x-title {
  margin-top: -0.7rem;
}
@media (max-width: 767px) {
  .x-about3 .x-con ul li.on .x-title {
    margin-top: 0;
  }
}
.x-about3 .x-con ul li.on .x-p {
  opacity: 1;
  transform: translateX(-50%) translateY(-0.25rem);
}
@media (max-width: 767px) {
  .x-about3 .x-con ul li.on .x-p {
    transform: translateX(-50%) translateY(0rem);
  }
}
.x-about3 .x-con ul li .x-title {
  transition: 0.4s ease-in-out;
  position: relative;
  z-index: 5;
}
@media (max-width: 767px) {
  .x-about3 .x-con ul li .x-title {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 25%;
  }
}
.x-about3 .x-con ul li .x-p {
  margin-top: 0.04rem;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 53.2%;
  width: 90%;
  transform: translateX(-50%);
  margin: 0 auto;
  padding: 0 0.2rem 0 0.2rem;
  transition: 0.4s ease-in-out;
  max-height: 3rem;
  overflow-y: auto;
  z-index: 5;
}
@media (max-width: 991px) {
  .x-about3 .x-con ul li .x-p {
    margin-top: 0.1rem;
    max-height: 2rem;
  }
}
@media (max-width: 767px) {
  .x-about3 .x-con ul li .x-p {
    opacity: 1;
    top: 40%;
  }
}
.x-about3 .x-con ul li .public-img {
  display: none;
}
@media (max-width: 767px) {
  .x-about3 .x-con ul li .public-img {
    display: block;
    width: 100%;
  }
}
.x-about3 .x-con ul li .public-img::before {
  padding-top: 70%;
}
.x-about4 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.4rem 0;
}
@media (max-width: 767px) {
  .x-about4 {
    padding: 1.2rem 0;
  }
}
.x-about4 .x-con .x-top .x-title {
  color: #999999;
}
.x-about4 .x-con .x-top .x-p {
  color: #000;
  font-weight: bold;
}
.x-about4 .x-con .x-top .x-a {
  display: flex;
  margin-top: 0.35rem;
}
.x-about4 .x-con .x-top .x-a a {
  display: inline-block;
  min-width: 1.6rem;
  padding: 0.145rem 0.3rem;
  background-color: #fff;
  color: #e77d00;
  font-weight: bold;
  text-align: center;
  margin-right: 0.2rem;
  border-radius: 100px;
  transition: 0.4s ease-in-out;
}
@media (max-width: 1580px) {
  .x-about4 .x-con .x-top .x-a a {
    padding: 0.145rem 0.4rem;
  }
}
@media (max-width: 767px) {
  .x-about4 .x-con .x-top .x-a a {
    min-width: 2.2rem;
    padding: 0.17rem 0.5rem;
  }
}
.x-about4 .x-con .x-top .x-a a:hover,
.x-about4 .x-con .x-top .x-a a.on {
  color: #fff;
  background-color: #e77d00;
}
.x-about4 .x-con .x-xia {
  position: relative;
  margin-top: 0.8rem;
}
.x-about4 .x-con .x-xia .x-line {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .x-about4 .x-con .x-xia .x-line {
    top: 24%;
  }
}
.x-about4 .x-con .x-xia .x-swi .swiper-container {
  display: none;
}
.x-about4 .x-con .x-xia .x-swi .swiper-container.on {
  display: block;
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide {
  text-align: center;
  padding: 0 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .x-sp {
  color: #f9812e;
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active i {
  background-color: #f9812e;
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active i::before {
  opacity: 1;
  border-color: #f9812e;
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .x-text .x-title2 {
  color: #f9812e;
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(2n) {
  flex-direction: column-reverse;
}
@media (max-width: 767px) {
  .x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(2n) {
    flex-direction: column;
  }
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(2n) .x-sp {
  margin: 0.4rem 0 0 0;
}
@media (max-width: 767px) {
  .x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(2n) .x-sp {
    margin: 0rem 0 0.3rem;
  }
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(2n) .x-text {
  margin: 0 0 0.5rem;
}
@media (max-width: 767px) {
  .x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(2n) .x-text {
    margin: 0.4rem 0 0 0;
  }
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide .x-sp {
  color: #999999;
  display: block;
  margin-bottom: 0.3rem;
  font-weight: bold;
  width: 100%;
  margin-top: 0.7rem;
}
@media (max-width: 767px) {
  .x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide .x-sp {
    margin-top: 0rem;
  }
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide i {
  display: block;
  width: 12px;
  height: 12px;
  background-color: #999999;
  border-radius: 100%;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 1260px) {
  .x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide i {
    width: 8px;
    height: 8px;
  }
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide i::before {
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  border: 1px solid #f97417;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  opacity: 0;
  transition: 0.4s ease-in-out;
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide .x-text {
  margin-top: 0.4rem;
  width: 100%;
  height: 1.35rem;
  overflow-y: auto;
}
@media (max-width: 1580px) {
  .x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide .x-text {
    height: 1.7rem;
  }
}
@media (max-width: 1260px) {
  .x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide .x-text {
    height: 1.4rem;
  }
}
@media (max-width: 991px) {
  .x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide .x-text {
    height: 1.35rem;
  }
}
@media (max-width: 767px) {
  .x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide .x-text {
    height: 3rem;
  }
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide .x-text .x-title2 {
  color: #000;
  font-weight: bold;
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .swiper-wrapper .swiper-slide .x-text .x-p {
  color: #666666;
  margin-top: 0.14rem;
  line-height: 1.625;
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .x-prev,
.x-about4 .x-con .x-xia .x-swi .swiper-container .x-next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.5rem;
  height: 0.5rem;
  border: 1px solid #ebebeb;
  border-radius: 100%;
  background-color: #fff;
  cursor: pointer;
  transition: 0.4s ease-in-out;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
@media (max-width: 1580px) {
  .x-about4 .x-con .x-xia .x-swi .swiper-container .x-prev,
  .x-about4 .x-con .x-xia .x-swi .swiper-container .x-next {
    width: 0.6rem;
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .x-about4 .x-con .x-xia .x-swi .swiper-container .x-prev,
  .x-about4 .x-con .x-xia .x-swi .swiper-container .x-next {
    top: 24%;
    width: 0.8rem;
    height: 0.8rem;
  }
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .x-prev:hover,
.x-about4 .x-con .x-xia .x-swi .swiper-container .x-next:hover {
  background-color: #e1702d;
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .x-prev:hover svg path,
.x-about4 .x-con .x-xia .x-swi .swiper-container .x-next:hover svg path {
  fill: #fff;
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .x-prev svg,
.x-about4 .x-con .x-xia .x-swi .swiper-container .x-next svg {
  width: 12px;
  height: 12px;
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .x-prev svg path,
.x-about4 .x-con .x-xia .x-swi .swiper-container .x-next svg path {
  fill: #999999;
  transition: 0.4s ease-in-out;
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .x-prev {
  left: 0;
  top: 50%;
}
@media (max-width: 767px) {
  .x-about4 .x-con .x-xia .x-swi .swiper-container .x-prev {
    top: 24%;
  }
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .x-next {
  left: auto;
  right: 0;
}
.x-about4 .x-con .x-xia .x-swi .swiper-container .x-next svg {
  transform: rotate(180deg);
}
.x-ab-bj {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.x-ab-bj .x-about5 {
  padding: 0.4rem 0 2.7rem;
}
@media (max-width: 767px) {
  .x-ab-bj .x-about5 {
    padding: 0 0 1.2rem;
  }
}
.x-ab-bj .x-about5 .container .x-top {
  text-align: center;
}
.x-ab-bj .x-about5 .container .x-top .x-title {
  font-weight: bold;
  color: #000;
}
.x-ab-bj .x-about5 .container .x-top .x-p {
  color: #666666;
  margin-top: 0.05rem;
}
.x-ab-bj .x-about5 .container ul {
  display: flex;
  justify-content: flex-start;
  height: 5.6rem;
  margin-top: 0.6rem;
}
@media (max-width: 767px) {
  .x-ab-bj .x-about5 .container ul {
    flex-wrap: wrap;
    height: auto;
    margin-top: 0.4rem;
  }
}
.x-ab-bj .x-about5 .container ul li {
  margin-right: 1.25%;
  width: 50%;
  height: 100%;
  position: relative;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
@media (max-width: 767px) {
  .x-ab-bj .x-about5 .container ul li {
    width: 100% !important;
    margin-bottom: 0.4rem;
    margin-right: 0;
  }
}
.x-ab-bj .x-about5 .container ul li:last-child {
  margin-right: 0;
}
.x-ab-bj .x-about5 .container ul li.on {
  width: 57.81%;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .x-ab-bj .x-about5 .container ul li.on {
    width: 100% !important;
  }
}
.x-ab-bj .x-about5 .container ul li.on .x-text {
  padding: 0 0.66rem;
}
.x-ab-bj .x-about5 .container ul li.on .x-text .x-title2 {
  text-align: left;
}
@media (max-width: 767px) {
  .x-ab-bj .x-about5 .container ul li.on .x-text .x-title2 {
    text-align: center;
  }
}
.x-ab-bj .x-about5 .container ul li.on .x-text .x-p {
  opacity: 1;
  transform: translateY(0);
}
.x-ab-bj .x-about5 .container ul li .public-img {
  border-radius: 0.15rem;
  height: 100%;
}
.x-ab-bj .x-about5 .container ul li .public-img::before {
  padding-top: 60.54054054%;
}
.x-ab-bj .x-about5 .container ul li .x-text {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 100%;
  padding: 0 0.16rem;
}
@media (max-width: 767px) {
  .x-ab-bj .x-about5 .container ul li .x-text {
    text-align: center;
  }
}
.x-ab-bj .x-about5 .container ul li .x-text .x-title2 {
  color: #fff;
  text-align: center;
  transition: 0.4s ease-in-out;
}
.x-ab-bj .x-about5 .container ul li .x-text .x-p {
  color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transform: translateY(0.2rem);
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-ab-bj .x-about5 .container ul li .x-text .x-p {
    opacity: 1;
    transform: translateY(0);
    margin-top: 0.2rem;
  }
}
.x-about6 {
  padding-bottom: 1.05rem;
}
.x-about6 .container .x-top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.x-about6 .container .x-top .x-title {
  font-weight: bold;
  color: #000;
}
.x-about6 .container .x-top .x-a {
  display: flex;
}
@media (max-width: 767px) {
  .x-about6 .container .x-top .x-a {
    width: 100%;
    margin-top: 0.2rem;
  }
}
.x-about6 .container .x-top .x-a a {
  display: inline-block;
  color: #666666;
  background-color: #fff;
  margin-right: 0.2rem;
  border-radius: 100px;
  text-align: center;
  min-width: 1.6rem;
  padding: 0.145rem 0.3rem;
  transition: 0.4s ease-in-out;
}
@media (max-width: 1580px) {
  .x-about6 .container .x-top .x-a a {
    padding: 0.145rem 0.4rem;
  }
}
@media (max-width: 767px) {
  .x-about6 .container .x-top .x-a a {
    padding: 0.17rem 0.4rem;
  }
}
.x-about6 .container .x-top .x-a a:hover,
.x-about6 .container .x-top .x-a a.on {
  background-color: #e86c22;
  color: #fff;
}
.x-about6 .container .x-top .x-a a:last-child {
  margin-right: 0;
}
.x-about6 .container .x-xia {
  margin-top: 0.7rem;
}
.x-about6 .container .x-xia .swiper-container {
  padding-bottom: 1.45rem;
  display: none;
}
@media (max-width: 767px) {
  .x-about6 .container .x-xia .swiper-container {
    padding-bottom: 1.2rem;
  }
}
.x-about6 .container .x-xia .swiper-container.on {
  display: block;
}
.x-about6 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide .x-img {
  background-color: #fff;
  padding: 0.3rem 0.2rem;
  border-radius: 0.15rem;
  height: 2.74rem;
  text-align: center;
}
@media (max-width: 767px) {
  .x-about6 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide .x-img {
    height: 4.74rem;
    padding: 0.6rem 0.2rem;
  }
}
.x-about6 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide .x-img img {
  object-fit: contain;
}
.x-about6 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide p {
  margin-top: 0.4rem;
  text-align: center;
  color: #fff;
}
@media (max-width: 767px) {
  .x-about6 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide p {
    font-size: 0.28rem;
    margin-top: 0.2rem;
    color: #333;
  }
  .x-about6 .container .x-xia .swiper-container .swiper-wrapper .swiper-slide p br {
    display: none;
  }
}
.x-about6 .container .x-xia .swiper-container .x-lin {
  width: 4.7rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.x-about6 .container .x-xia .swiper-container .x-lin .x-prev,
.x-about6 .container .x-xia .swiper-container .x-lin .x-next {
  width: 0.6rem;
  height: 0.6rem;
  background-color: #fff;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.4s ease-in-out;
}
@media (max-width: 767px) {
  .x-about6 .container .x-xia .swiper-container .x-lin .x-prev,
  .x-about6 .container .x-xia .swiper-container .x-lin .x-next {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.x-about6 .container .x-xia .swiper-container .x-lin .x-prev:hover,
.x-about6 .container .x-xia .swiper-container .x-lin .x-next:hover {
  background-color: #e86c22;
}
.x-about6 .container .x-xia .swiper-container .x-lin .x-prev:hover svg path,
.x-about6 .container .x-xia .swiper-container .x-lin .x-next:hover svg path {
  fill: #fff;
}
.x-about6 .container .x-xia .swiper-container .x-lin .x-prev svg,
.x-about6 .container .x-xia .swiper-container .x-lin .x-next svg {
  width: 12px;
  height: 12px;
}
.x-about6 .container .x-xia .swiper-container .x-lin .x-prev svg path,
.x-about6 .container .x-xia .swiper-container .x-lin .x-next svg path {
  fill: #e86c22;
  transition: 0.4s ease-in-out;
}
.x-about6 .container .x-xia .swiper-container .x-lin .x-next svg {
  transform: rotate(180deg);
}
.x-about6 .container .x-xia .swiper-container .x-lin .swiper-pagination {
  position: initial;
  width: 53.19%;
  height: 2px;
  background-color: #fff;
}
.x-about6 .container .x-xia .swiper-container .x-lin .swiper-pagination .swiper-pagination-progressbar-fill {
  background-color: #e86c22;
}
.curtain3 .curtain_box,
.curtain4 .curtain_box {
  border-radius: 0.15rem;
}
.curtain3 .x-con,
.curtain4 .x-con {
  width: 12rem;
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 991px) {
  .curtain3 .x-con,
  .curtain4 .x-con {
    width: 10rem;
  }
}
@media (max-width: 767px) {
  .curtain3 .x-con,
  .curtain4 .x-con {
    width: 6.8rem;
  }
}
.curtain3 .x-con .x-le,
.curtain4 .x-con .x-le {
  width: 36.66%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0.4rem 0.9rem 0.5rem 0.4rem;
  position: relative;
}
@media (max-width: 991px) {
  .curtain3 .x-con .x-le,
  .curtain4 .x-con .x-le {
    display: none;
  }
}
.curtain3 .x-con .x-le .x-log,
.curtain4 .x-con .x-le .x-log {
  display: block;
  width: auto;
  height: 0.54rem;
}
.curtain3 .x-con .x-le .x-log img,
.curtain4 .x-con .x-le .x-log img {
  width: auto;
  height: 100%;
  object-fit: contain;
}
.curtain3 .x-con .x-le .x-title2,
.curtain4 .x-con .x-le .x-title2 {
  line-height: 1.3;
  color: #fff;
  font-weight: bold;
  margin-top: 0.5rem;
}
.curtain3 .x-con .x-le .x-p,
.curtain4 .x-con .x-le .x-p {
  color: #fff;
  margin-top: 0.2rem;
}
.curtain3 .x-con .x-le .x-sp,
.curtain4 .x-con .x-le .x-sp {
  margin-top: 0.5rem;
}
.curtain3 .x-con .x-le .x-sp p,
.curtain4 .x-con .x-le .x-sp p {
  display: flex;
  align-items: center;
  margin-bottom: 0.12rem;
}
.curtain3 .x-con .x-le .x-sp p i,
.curtain4 .x-con .x-le .x-sp p i {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0.08rem;
}
.curtain3 .x-con .x-le .x-sp p i img,
.curtain4 .x-con .x-le .x-sp p i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.curtain3 .x-con .x-le .x-sp p span,
.curtain4 .x-con .x-le .x-sp p span {
  color: #fff;
  font-weight: bold;
}
.curtain3 .x-con .x-le .x-aa,
.curtain4 .x-con .x-le .x-aa {
  display: flex;
  position: absolute;
  left: 0.4rem;
  bottom: 0.5rem;
}
.curtain3 .x-con .x-le .x-aa a,
.curtain4 .x-con .x-le .x-aa a {
  display: inline-block;
  color: #fff;
  margin-right: 0.18rem;
}
.curtain3 .x-con .x-le .x-aa a:hover,
.curtain4 .x-con .x-le .x-aa a:hover {
  text-decoration: underline;
}
.curtain3 .x-con .x-ri,
.curtain4 .x-con .x-ri {
  width: 63.34%;
  padding: 0.4rem 0.5rem 0.55rem 0.5rem;
}
@media (max-width: 991px) {
  .curtain3 .x-con .x-ri,
  .curtain4 .x-con .x-ri {
    width: 100%;
  }
}
.curtain3 .x-con .x-ri .x-title,
.curtain4 .x-con .x-ri .x-title {
  font-weight: bold;
  color: #000;
}
.curtain3 .x-con .x-ri .x-p,
.curtain4 .x-con .x-ri .x-p {
  color: #666666;
}
.curtain3 .x-con .x-ri form,
.curtain4 .x-con .x-ri form {
  margin-top: 0.35rem;
}
.curtain3 .x-con .x-ri form .inp,
.curtain4 .x-con .x-ri form .inp {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .curtain3 .x-con .x-ri form .inp,
  .curtain4 .x-con .x-ri form .inp {
    flex-direction: column;
  }
}
.curtain3 .x-con .x-ri form .inp .inp_box,
.curtain4 .x-con .x-ri form .inp .inp_box {
  width: calc(50% - 0.1rem);
  margin-bottom: 0.22rem;
}
@media (max-width: 767px) {
  .curtain3 .x-con .x-ri form .inp .inp_box,
  .curtain4 .x-con .x-ri form .inp .inp_box {
    width: 100%;
    padding: 0;
  }
}
.curtain3 .x-con .x-ri form .inp .inp_box .inp_box_p,
.curtain4 .x-con .x-ri form .inp .inp_box .inp_box_p {
  margin-bottom: 0.1rem;
  line-height: 1.1;
  font-weight: bold;
}
.curtain3 .x-con .x-ri form .inp .inp_box .inp_box_p span,
.curtain4 .x-con .x-ri form .inp .inp_box .inp_box_p span {
  display: inline-block;
  color: #ed6b1b;
  margin-right: 0.08rem;
  font-style: initial;
}
.curtain3 .x-con .x-ri form .inp .inp_box input,
.curtain4 .x-con .x-ri form .inp .inp_box input {
  border-radius: 0.06rem;
  background: #fff;
  width: 100%;
  height: 0.5rem;
  padding: 0 20px;
  border: 1px solid #dddddd;
}
@media (max-width: 1580px) {
  .curtain3 .x-con .x-ri form .inp .inp_box input,
  .curtain4 .x-con .x-ri form .inp .inp_box input {
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .curtain3 .x-con .x-ri form .inp .inp_box input,
  .curtain4 .x-con .x-ri form .inp .inp_box input {
    height: 0.8rem;
  }
}
.curtain3 .x-con .x-ri form .inp .inp_box .sot_select_nr,
.curtain4 .x-con .x-ri form .inp .inp_box .sot_select_nr {
  position: relative;
  min-width: 1.8rem;
  border: 1px solid #dddddd;
  border-radius: 0.06rem;
}
.curtain3 .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x,
.curtain4 .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x {
  color: #666;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.1rem;
  background: #fff;
  width: 100%;
  height: 0.5rem;
  padding: 0 20px;
}
@media (max-width: 1580px) {
  .curtain3 .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x,
  .curtain4 .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x {
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .curtain3 .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x,
  .curtain4 .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x {
    height: 0.8rem;
  }
}
.curtain3 .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x svg,
.curtain4 .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x svg {
  width: 9px;
  height: auto;
  flex-shrink: 0;
  z-index: 100;
}
.curtain3 .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x svg path,
.curtain4 .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x svg path {
  fill: #666666;
}
.curtain3 .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_box,
.curtain4 .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_box {
  width: 100%;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  left: 0;
  text-align: left;
  overflow: hidden;
  top: 100%;
  border: 1px solid #d2d2d2;
  z-index: 200;
  display: none;
  max-height: 160px;
  overflow-y: auto;
}
.curtain3 .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_box a,
.curtain4 .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_box a {
  color: #000;
  padding: 7px 0 7px 0.2rem;
  display: block;
  cursor: pointer;
}
.curtain3 .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_box a:hover,
.curtain4 .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_box a:hover {
  background: #ed6b1b;
  color: #fff;
}
.curtain3 .x-con .x-ri form .textarea p,
.curtain4 .x-con .x-ri form .textarea p {
  margin-bottom: 0.1rem;
  line-height: 1.1;
  font-weight: bold;
}
.curtain3 .x-con .x-ri form .textarea p span,
.curtain4 .x-con .x-ri form .textarea p span {
  color: #ed6b1b;
}
.curtain3 .x-con .x-ri form .textarea textarea,
.curtain4 .x-con .x-ri form .textarea textarea {
  background: #fff;
  width: 100%;
  height: 1.65rem;
  padding: 20px 20px 0 20px;
  border: 1px solid #dddddd;
  border-radius: 0.06rem;
}
@media (max-width: 767px) {
  .curtain3 .x-con .x-ri form .textarea textarea,
  .curtain4 .x-con .x-ri form .textarea textarea {
    padding: 10px 0 0 20px;
    height: 1rem;
  }
}
.curtain3 .x-con .x-ri form .x-sp,
.curtain4 .x-con .x-ri form .x-sp {
  color: #666666;
  margin-top: 0.1rem;
}
@media (max-width: 767px) {
  .curtain3 .x-con .x-ri form .x-sp,
  .curtain4 .x-con .x-ri form .x-sp {
    font-size: 0.24rem;
  }
}
.curtain3 .x-con .x-ri form .x-sp a,
.curtain4 .x-con .x-ri form .x-sp a {
  color: #ed6b1b;
}
.curtain3 .x-con .x-ri form .but,
.curtain4 .x-con .x-ri form .but {
  margin-top: 0.36rem;
}
@media (max-width: 767px) {
  .curtain3 .x-con .x-ri form .but,
  .curtain4 .x-con .x-ri form .but {
    margin-top: 0.26rem;
  }
}
.curtain3 .x-con .x-ri form .but button,
.curtain4 .x-con .x-ri form .but button {
  min-width: 2rem;
  height: 0.56rem;
  padding: 0 0.24rem;
  background: #ed6b1b;
  color: #fff;
  border-radius: 100px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .curtain3 .x-con .x-ri form .but button,
  .curtain4 .x-con .x-ri form .but button {
    height: 0.8rem;
    padding: 0 0.9rem;
  }
}
.curtain5 .curtain_box {
  border-radius: 0.15rem;
}
.curtain5 .curtain_box .curtain_title .close_tc {
  width: 56px;
}
@media (max-width: 1580px) {
  .curtain5 .curtain_box .curtain_title .close_tc {
    width: 42px;
    height: 40px;
  }
}
.curtain5 .curtain_box .x-con {
  width: 7.6rem;
  padding: 0.35rem 0.5rem 0.45rem 0.5rem;
}
@media (max-width: 1580px) {
  .curtain5 .curtain_box .x-con {
    width: 8.8rem;
  }
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con {
    width: 6.8rem;
  }
}
.curtain5 .curtain_box .x-con .x-ri .x-top {
  display: flex;
  align-items: center;
}
.curtain5 .curtain_box .x-con .x-ri .x-top .x-lo {
  display: inline-block;
  width: auto;
  height: 0.54rem;
}
.curtain5 .curtain_box .x-con .x-ri .x-top .x-lo img {
  width: auto;
  height: 100%;
  object-fit: contain;
}
.curtain5 .curtain_box .x-con .x-ri .x-top .x-title {
  font-weight: bold;
  color: #000;
  margin-left: 0.4rem;
}
.curtain5 .curtain_box .x-con .x-ri .x-tp {
  padding-top: 0.25rem;
  margin-top: 0.3rem;
  border-top: 1px solid #dddddd;
}
.curtain5 .curtain_box .x-con .x-ri .x-tp .x-title2 {
  font-weight: bold;
  color: #000;
}
.curtain5 .curtain_box .x-con .x-ri .x-tp .x-p {
  color: #666;
}
.curtain5 .curtain_box .x-con .x-ri .x-tp .x-in {
  border: 1px solid #dddddd;
  border-radius: 0.06rem;
  height: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 0.05rem;
  margin-top: 0.25rem;
}
@media (max-width: 1580px) {
  .curtain5 .curtain_box .x-con .x-ri .x-tp .x-in {
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-ri .x-tp .x-in {
    height: 0.8rem;
  }
}
.curtain5 .curtain_box .x-con .x-ri .x-tp .x-in input {
  color: #666666;
  padding: 0 20px;
  width: calc(100% - 120px);
}
.curtain5 .curtain_box .x-con .x-ri .x-tp .x-in input::placeholder {
  color: #666666;
}
.curtain5 .curtain_box .x-con .x-ri .x-tp .x-in button {
  width: 1.14rem;
  color: #999999;
  text-align: center;
  background-color: #f5f5f5;
  height: 0.4rem;
  border-radius: 0.06rem;
  transition: 0.4s ease-in-out;
  font-weight: bold;
}
@media (max-width: 1580px) {
  .curtain5 .curtain_box .x-con .x-ri .x-tp .x-in button {
    width: 1.4rem;
    height: 0.5rem;
  }
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-ri .x-tp .x-in button {
    height: 0.6rem;
  }
}
.curtain5 .curtain_box .x-con .x-ri .x-tp .x-in button:hover {
  color: #fff;
  background-color: #ed6b1b;
}
.curtain5 .curtain_box .x-con .x-ri .x-tp .x-spp {
  color: #333;
  font-weight: bold;
  margin-top: 0.3rem;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-ri .x-tp .x-spp {
    font-size: 0.24rem;
  }
}
.curtain5 .curtain_box .x-con .x-ri form {
  margin-top: 0.35rem;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-ri form {
    max-height: 5rem;
    overflow-y: auto;
  }
}
.curtain5 .curtain_box .x-con .x-ri form .inp {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-ri form .inp {
    flex-direction: column;
  }
}
.curtain5 .curtain_box .x-con .x-ri form .inp .inp_box {
  width: calc(50% - 0.1rem);
  margin-bottom: 0.22rem;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-ri form .inp .inp_box {
    width: 100%;
    padding: 0;
  }
}
.curtain5 .curtain_box .x-con .x-ri form .inp .inp_box .inp_box_p {
  margin-bottom: 0.1rem;
  line-height: 1.1;
  font-weight: bold;
}
.curtain5 .curtain_box .x-con .x-ri form .inp .inp_box .inp_box_p span {
  display: inline-block;
  color: #ed6b1b;
  margin-right: 0.08rem;
  font-style: initial;
}
.curtain5 .curtain_box .x-con .x-ri form .inp .inp_box input {
  border-radius: 0.06rem;
  background: #fff;
  width: 100%;
  height: 0.5rem;
  padding: 0 20px;
  border: 1px solid #dddddd;
}
@media (max-width: 1580px) {
  .curtain5 .curtain_box .x-con .x-ri form .inp .inp_box input {
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-ri form .inp .inp_box input {
    height: 0.8rem;
  }
}
.curtain5 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr {
  position: relative;
  min-width: 1.8rem;
  border: 1px solid #dddddd;
  border-radius: 0.06rem;
}
.curtain5 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x {
  color: #666;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.1rem;
  background: #fff;
  width: 100%;
  height: 0.5rem;
  padding: 0 20px;
}
@media (max-width: 1580px) {
  .curtain5 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x {
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x {
    height: 0.8rem;
  }
}
.curtain5 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x svg {
  width: 9px;
  height: auto;
  flex-shrink: 0;
  z-index: 100;
}
.curtain5 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x svg path {
  fill: #666666;
}
.curtain5 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_box {
  width: 100%;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  left: 0;
  text-align: left;
  overflow: hidden;
  top: 100%;
  border: 1px solid #d2d2d2;
  z-index: 200;
  display: none;
  max-height: 160px;
  overflow-y: auto;
}
.curtain5 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_box a {
  color: #000;
  padding: 7px 0 7px 0.2rem;
  display: block;
  cursor: pointer;
}
.curtain5 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_box a:hover {
  background: #ed6b1b;
  color: #fff;
}
.curtain5 .curtain_box .x-con .x-ri form .textarea p {
  margin-bottom: 0.1rem;
  line-height: 1.1;
  font-weight: bold;
}
.curtain5 .curtain_box .x-con .x-ri form .textarea p span {
  color: #ed6b1b;
}
.curtain5 .curtain_box .x-con .x-ri form .textarea textarea {
  background: #fff;
  width: 100%;
  height: 1.65rem;
  padding: 20px 20px 0 20px;
  border: 1px solid #dddddd;
  border-radius: 0.06rem;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-ri form .textarea textarea {
    padding: 10px 0 0 20px;
    height: 1rem;
  }
}
.curtain5 .curtain_box .x-con .x-ri form .x-sp {
  color: #666666;
  margin-top: 0.1rem;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-ri form .x-sp {
    font-size: 0.24rem;
  }
}
.curtain5 .curtain_box .x-con .x-ri form .x-sp a {
  color: #ed6b1b;
}
.curtain5 .curtain_box .x-con .x-ri form .but {
  margin-top: 0.36rem;
  text-align: center;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-ri form .but {
    margin-top: 0.26rem;
  }
}
.curtain5 .curtain_box .x-con .x-ri form .but button {
  min-width: 2rem;
  height: 0.56rem;
  padding: 0 0.24rem;
  background: #ed6b1b;
  color: #fff;
  border-radius: 100px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .curtain5 .curtain_box .x-con .x-ri form .but button {
    height: 0.8rem;
    padding: 0 0.9rem;
  }
}
.curtain6 .curtain_box {
  border-radius: 0.15rem;
}
.curtain6 .curtain_box .curtain_title .close_tc {
  width: 56px;
}
@media (max-width: 1580px) {
  .curtain6 .curtain_box .curtain_title .close_tc {
    width: 42px;
    height: 40px;
  }
}
.curtain6 .curtain_box .x-con {
  width: 11.7rem;
  padding: 0.35rem 0.5rem 0.45rem 0.5rem;
}
@media (max-width: 1580px) {
  .curtain6 .curtain_box .x-con {
    width: 12rem;
  }
}
@media (max-width: 991px) {
  .curtain6 .curtain_box .x-con {
    width: 10rem;
  }
}
@media (max-width: 767px) {
  .curtain6 .curtain_box .x-con {
    width: 6.8rem;
  }
}
.curtain6 .curtain_box .x-con .x-ri .x-tp {
  display: flex;
  align-items: flex-end;
  padding-bottom: 0.2rem;
  border-bottom: 0.02rem solid #ed6b1b;
}
@media (max-width: 767px) {
  .curtain6 .curtain_box .x-con .x-ri .x-tp {
    flex-wrap: wrap;
  }
}
.curtain6 .curtain_box .x-con .x-ri .x-tp .x-title {
  font-weight: bold;
  color: #000;
  line-height: 1.2;
}
.curtain6 .curtain_box .x-con .x-ri .x-tp .x-p {
  color: #666666;
  font-weight: bold;
  margin-left: 0.3rem;
}
@media (max-width: 767px) {
  .curtain6 .curtain_box .x-con .x-ri .x-tp .x-p {
    margin-left: 0;
    margin-top: 0.1rem;
  }
}
.curtain6 .curtain_box .x-con .x-ri .x-tp .x-p span {
  color: #ed6b1b;
}
.curtain6 .curtain_box .x-con .x-ri form {
  margin-top: 0.3rem;
}
@media (max-width: 767px) {
  .curtain6 .curtain_box .x-con .x-ri form {
    max-height: 8.2rem;
    overflow-y: auto;
  }
}
.curtain6 .curtain_box .x-con .x-ri form .inp {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .curtain6 .curtain_box .x-con .x-ri form .inp {
    flex-direction: column;
  }
}
.curtain6 .curtain_box .x-con .x-ri form .inp .inp_box {
  width: calc(50% - 0.1rem);
  margin-bottom: 0.22rem;
}
@media (max-width: 767px) {
  .curtain6 .curtain_box .x-con .x-ri form .inp .inp_box {
    width: 100%;
    padding: 0;
  }
}
.curtain6 .curtain_box .x-con .x-ri form .inp .inp_box .inp_box_p {
  margin-bottom: 0.1rem;
  line-height: 1.1;
  font-weight: bold;
}
.curtain6 .curtain_box .x-con .x-ri form .inp .inp_box .inp_box_p span {
  display: inline-block;
  color: #ed6b1b;
  margin-right: 0.08rem;
  font-style: initial;
}
.curtain6 .curtain_box .x-con .x-ri form .inp .inp_box input {
  border-radius: 0.06rem;
  background: #fff;
  width: 100%;
  height: 0.5rem;
  padding: 0 20px;
  border: 1px solid #dddddd;
}
@media (max-width: 1580px) {
  .curtain6 .curtain_box .x-con .x-ri form .inp .inp_box input {
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .curtain6 .curtain_box .x-con .x-ri form .inp .inp_box input {
    height: 0.8rem;
  }
}
.curtain6 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr {
  position: relative;
  min-width: 1.8rem;
  border: 1px solid #dddddd;
  border-radius: 0.06rem;
}
.curtain6 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x {
  color: #666;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.1rem;
  background: #fff;
  width: 100%;
  height: 0.5rem;
  padding: 0 20px;
}
@media (max-width: 1580px) {
  .curtain6 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x {
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .curtain6 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x {
    height: 0.8rem;
  }
}
.curtain6 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x svg {
  width: 9px;
  height: auto;
  flex-shrink: 0;
  z-index: 100;
}
.curtain6 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_x svg path {
  fill: #666666;
}
.curtain6 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_box {
  width: 100%;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  left: 0;
  text-align: left;
  overflow: hidden;
  top: 100%;
  border: 1px solid #d2d2d2;
  z-index: 200;
  display: none;
  max-height: 160px;
  overflow-y: auto;
}
.curtain6 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_box a {
  color: #000;
  padding: 7px 0 7px 0.2rem;
  display: block;
  cursor: pointer;
}
.curtain6 .curtain_box .x-con .x-ri form .inp .inp_box .sot_select_nr .sel_text_box a:hover {
  background: #ed6b1b;
  color: #fff;
}
.curtain6 .curtain_box .x-con .x-ri form .zz-inputBox2 {
  margin-bottom: 0.22rem;
}
.curtain6 .curtain_box .x-con .x-ri form .zz-inputBox2 .zz-input {
  width: 100%;
}
.curtain6 .curtain_box .x-con .x-ri form .zz-inputBox2 .zz-input .zz-div1 {
  margin-bottom: 4px;
  color: #000000;
  font-weight: bold;
}
.curtain6 .curtain_box .x-con .x-ri form .zz-inputBox2 .zz-input .zz-div3 {
  margin-bottom: 0.1rem;
  color: #999;
}
.curtain6 .curtain_box .x-con .x-ri form .zz-inputBox2 .zz-input .zz-div2 {
  display: flex;
}
.curtain6 .curtain_box .x-con .x-ri form .zz-inputBox2 .zz-input .zz-div2 .zz-jlBox {
  width: auto;
  flex: 1;
  margin-right: 0.3rem;
  margin-bottom: 0;
  height: 0.5rem;
  min-height: 40px;
  border: 1px solid #dedede;
  border-radius: 5px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 1%;
}
@media (max-width: 1580px) {
  .curtain6 .curtain_box .x-con .x-ri form .zz-inputBox2 .zz-input .zz-div2 .zz-jlBox {
    height: 0.6rem;
  }
}
.curtain6 .curtain_box .x-con .x-ri form .zz-inputBox2 .zz-input .zz-div2 .zz-jlBox .zz-jl {
  background: #ededed;
  border-radius: 5px;
  height: 75%;
  padding: 0 0.35rem 0 0.2rem;
  max-width: 98%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.curtain6 .curtain_box .x-con .x-ri form .zz-inputBox2 .zz-input .zz-div2 .zz-jlBox .zz-jl img {
  position: absolute;
  right: -5px;
  top: -2px;
  cursor: pointer;
  width: auto;
  height: auto;
}
.curtain6 .curtain_box .x-con .x-ri form .zz-inputBox2 .zz-input .zz-div2 .zz-jlBox .zz-jl .zz-text {
  color: #222;
}
.curtain6 .curtain_box .x-con .x-ri form .zz-inputBox2 .zz-input .zz-div2 .zz-btn1 {
  background: #f5f5f5;
  padding: 0 0.35rem;
  height: 0.5rem;
  transition: all 0.4s;
  color: #999999;
  border-radius: 0.06rem;
  position: relative;
}
@media (max-width: 1580px) {
  .curtain6 .curtain_box .x-con .x-ri form .zz-inputBox2 .zz-input .zz-div2 .zz-btn1 {
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .curtain6 .curtain_box .x-con .x-ri form .zz-inputBox2 .zz-input .zz-div2 .zz-btn1 {
    height: 0.8rem;
  }
}
.curtain6 .curtain_box .x-con .x-ri form .zz-inputBox2 .zz-input .zz-div2 .zz-btn1:hover {
  background: #3b8eaa;
}
.curtain6 .curtain_box .x-con .x-ri form .zz-inputBox2 .zz-input .zz-div2 .zz-btn1 span {
  font-weight: 400;
  position: relative;
  z-index: 2;
  color: #999999;
}
.curtain6 .curtain_box .x-con .x-ri form .zz-inputBox2 .zz-input .zz-div2 .zz-btn1 .c-file {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  z-index: 7;
  top: 0;
  left: 0;
  width: 100%;
}
.curtain6 .curtain_box .x-con .x-ri form .x-inpp p {
  font-weight: bold;
  color: #000;
  margin-bottom: 0.05rem;
}
.curtain6 .curtain_box .x-con .x-ri form .x-inpp span {
  color: #999999;
  font-weight: bold;
  display: block;
  margin-bottom: 0.1rem;
}
.curtain6 .curtain_box .x-con .x-ri form .x-inpp input {
  border-radius: 0.06rem;
  background: #fff;
  width: 100%;
  height: 0.5rem;
  padding: 0 20px;
  border: 1px solid #dddddd;
}
@media (max-width: 1580px) {
  .curtain6 .curtain_box .x-con .x-ri form .x-inpp input {
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .curtain6 .curtain_box .x-con .x-ri form .x-inpp input {
    height: 0.8rem;
  }
}
.curtain6 .curtain_box .x-con .x-ri form .but {
  margin-top: 0.36rem;
}
@media (max-width: 767px) {
  .curtain6 .curtain_box .x-con .x-ri form .but {
    margin-top: 0.26rem;
  }
}
.curtain6 .curtain_box .x-con .x-ri form .but button {
  min-width: 2rem;
  height: 0.56rem;
  padding: 0 0.24rem;
  background: #ed6b1b;
  color: #fff;
  border-radius: 100px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .curtain6 .curtain_box .x-con .x-ri form .but button {
    height: 0.8rem;
    padding: 0 0.9rem;
  }
}
.x-side {
  position: fixed;
  bottom: 8%;
  right: 3%;
  z-index: 100;
  display: none;
}
.x-side ul li {
  margin-bottom: 0.2rem;
}
.x-side ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #fff;
  border-radius: 100%;
  cursor: pointer;
  transition: 0.4s ease-in-out;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  position: relative;
}
@media (max-width: 767px) {
  .x-side ul li a {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.x-side ul li a:hover .x-text {
  opacity: 1;
  pointer-events: initial;
}
.x-side ul li a .x-text {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  height: 100%;
  padding: 0.2rem;
  border-radius: 6px;
  margin-right: 10px;
  opacity: 0;
  transition: 0.4s ease-in-out;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.x-side ul li a .x-text::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}
.x-side ul li a .x-text span {
  line-height: 1;
  white-space: nowrap;
}
.x-side ul li a:hover {
  background-color: #ed6b1b;
}
.x-side ul li a:hover i svg path {
  fill: #fff;
}
.x-side ul li a i {
  display: inline-flex;
  align-items: center;
}
.x-side ul li a i svg {
  width: 0.24rem;
  height: 0.24rem;
}
@media (max-width: 767px) {
  .x-side ul li a i svg {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.x-side ul li a i svg path {
  fill: #ed6b1b;
  transition: 0.4s ease-in-out;
}
#hi-img-pop > img {
  width: auto;
  height: auto;
}
#hi-img-pop .hi-close:hover {
  background-color: #e86c22;
}
@keyframes tsc {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.fadetsc {
  -webkit-animation-name: tsc;
  animation-name: tsc;
}