@charset "UTF-8";
/* Original file: layouts/wp2300xys2/page.scss */
@media (max-width: 991.98px) {
  html {
    /*font-size: 6px;*/
    /*font-size: 37.5%;*/
    font-size: 8px;
    font-size: 50%;
  }
}
.xe_content {
  color: var(--bh_color_text) !important;
  font-size: 14px;
  /*line-height: 1.6 !important;*/
  font-family: inherit !important;
}
.body {
  position: relative;
}
.bh #quick_menu {
  top: unset;
  bottom: 0;
  position: sticky;
  padding-bottom: 50px;
  width: 86px;
  left: calc(100vw - 136px);
}
.bh #quick_menu ul {
  border-right: 1px solid var(--bh_color_gray_300);
}
.bh #quick_menu.on {
  position: absolute;
}
.bh .scrollTop {
  position: unset;
  width: auto;
  height: auto;
  opacity: 1;
  background-color: transparent;
  background-image: none;
  border-radius: 0;
}
.board_JcuI20.has_board.has_document .content_body {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
}
.board_JcuI20.has_board.has_document .xe_content {
  max-width: 1800px;
  margin: 0 auto;
}
.deco {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  width: 20px;
  height: 10px;
  border-radius: 5px 0 0 5px;
  background: #000;
  transform: translateX(-50%);
}
.deco::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  width: 20px;
  height: 10px;
  border-radius: 0 5px 5px 0;
  background: red;
}
.ad_link {
  display: block;
  position: relative;
  width: 130px;
}
.ad_link:hover .view {
  color: navy !important;
}
.ad_link:hover i {
  color: #fff;
}
.ad_link span {
  display: block;
  color: var(--bh_color_gray_500);
}
.ad_link i {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: var(--bh_color_gray_500);
  background-color: var(--bh_color_gray_300);
}
.mySwiper {
  margin: 20px 0 100px;
  width: 100%;
  overflow: hidden;
  padding: 20px !important;
}
.mySwiper .swiper-wrapper {
  width: 100%;
  flex-wrap: nowrap;
}
.mySwiper .swiper-slide {
  border-radius: 20px;
  border: 1px solid var(--bh_color_gray_300);
}
.mySwiper .swiper-slide:hover {
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
.mySwiper .swiper-slide:hover .text_wrap span:nth-of-type(1) {
  color: navy;
}
.mySwiper .swiper-slide:hover .text_wrap p {
  font-weight: bold !important;
}
.mySwiper .swiper-slide:hover .img_wrap img {
  transform: scale(1.2);
}
.mySwiper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}
.mySwiper .swiper-slide a .img_wrap {
  width: 100%;
  height: 150px;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
}
.mySwiper .swiper-slide a .img_wrap img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: all 0.5s;
}
.mySwiper .swiper-slide a .text_wrap {
  padding: 20px;
}
.mySwiper .swiper-slide a .text_wrap span {
  color: var(--bh_color_gray_300);
  transition: all 0.5s;
}
.mySwiper .swiper-slide a .text_wrap p {
  margin: 10px 0 15px;
  transition: all 0.5s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
}
.mySwiper .swiper-slide span {
  display: block;
}
.dataSwiper {
  position: relative;
}
.dataSwiper .swiper-slide {
  width: 100%;
  background-color: #fff;
}
.dataSwiper .swiper-slide .img_wrap {
  height: 400px;
  border-radius: 20px;
  overflow: hidden;
}
.dataSwiper .swiper-slide .img_wrap img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.dataSwiper .swiper-slide .text_wrap strong {
  display: block;
  margin: 70px 0 40px;
}
.dataSwiper .swiper-slide a {
  display: block;
  position: relative;
  width: 110px;
  padding: 5px 20px;
  border: 1px solid var(--bh_color_gray_500);
  border-radius: 20px;
  margin-top: 60px;
}
.dataSwiper .swiper-slide a span {
  display: block;
  font-weight: bold;
}
.dataSwiper .swiper-slide a i {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
.swiper_btn {
  position: absolute;
  top: -5%;
  right: 0;
  gap: 15px;
  cursor: pointer;
}
.swiper_btn .swiper_next {
  width: 40px;
  height: 40px;
  background: grey;
  color: #fff;
  transform: translate(0, -100%);
}
.swiper_btn .swiper_prev {
  width: 40px;
  height: 40px;
  background: brown;
  color: #fff;
  transform: translate(0, -100%);
}
.deco_2 {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  width: 20px;
  height: 10px;
  border-radius: 5px 0 0 5px;
  background: #000;
}
.deco_2::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  width: 20px;
  height: 10px;
  border-radius: 0 5px 5px 0;
  background: red;
}
.ask_wrap table th {
  width: 15%;
  background: var(--bh_color_gray_300);
}
.ask_wrap table td {
  height: 60px;
}
.ask_wrap table td input {
  border: 1px solid var(--bh_color_gray_300);
  border-radius: 10px;
  width: calc(100% - 20px);
  height: 80%;
  margin: 10px;
}
.ask_wrap table td textarea {
  border: 1px solid var(--bh_color_gray_300);
  border-radius: 10px;
  width: calc(100% - 20px);
  height: 80%;
  margin: 10px;
}