@charset "utf-8";

body {
  font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial !important
}

body,
body * {
  cursor: default;
}

a,
a *,
button,
button *,
label,
label *,
select,
[role="button"],
[role="button"] *,
[onclick],
[onclick] *,
[data-src],
[data-src] *,
[data-type],
[data-type] *,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="checkbox"],
input[type="radio"],
.mod_advic,
.mod_advic *,
.mod_advic1,
.mod_advic1 *,
.mod_advic2,
.mod_advic2 *,
.mod_contapop_ab_cloce,
.mod_contapop_ab_cloce *,
.hacr_btn,
.hacr_btn *,
.ybsb_btn,
.ybsb_btn *,
.swiper-button-prev,
.swiper-button-prev *,
.swiper-button-next,
.swiper-button-next *,
.swiper-pagination-bullet,
.swiper-pagination-bullet *,
.slick-arrow,
.slick-arrow *,
.slick-dots button,
.slick-dots button * {
  cursor: pointer;
}

input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),
textarea,
[contenteditable="true"] {
  cursor: text;
}

@font-face {
  font-family: poppins;
  src: url(../fonts/Poppins-Regular/poppins-regular-webfont.woff2) format('woff2'), url(../fonts/Poppins-Regular/poppins-regular-webfont.woff) format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

.ys_wechat_cont_parga p::before {
  content: '分享到 - 微信'
}

.ys_banner {
  width: 100%;
  position: relative
}

.ys_ban_li {
  position: relative;
  overflow: hidden
}

.ys_ban_imgbox {
  position: relative;
  z-index: 1
}

.ys_ban_imgbox img {
  width: 100%
}

.ys_ban_li>a {
  display: block
}

.ys_ban_ph {
  display: none
}

.ys_ban_video {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover
}

.ys_ban_imgbox::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: rgba(21, 37, 50, .2);
}

.ys_ban_txtbox {
  z-index: 5
}

.ys_nybanner {
  position: relative
}

.ys_nyban_img,
.ys_nyban_img img {
  width: 100%
}

.ys_nyban_ph {
  display: none
}

.ys_nyban_title h1 {
  color: #fff;
  font-size: 40px;
  line-height: 1.5
}

.ys_nyban_title p {
  color: #fff;
  font-size: 16px;
  line-height: 1.75
}

.std_tit1 {
  font-size: 64px;
  line-height: 1.2
}

.std_tit2,
.yxedr_active h2 {
  font-size: 48px;
  line-height: 1.2
}

.std_tit3,
.yxedr_active h3 {
  font-size: 32px;
  line-height: 1.3
}

.std_tit4,
.yxedr_active h4 {
  font-size: 24px;
  line-height: 1.4
}

.std_tit5,
.std_word1 p,
.yxedr_active h5 {
  font-size: 18px;
  line-height: 1.6
}

.std_tit6,
.std_word2 p,
.yxedr_active h6 {
  font-size: 16px;
  line-height: 1.6
}

.std_tit7 {
  font-size: 14px;
  line-height: 1.6
}

.yxedr_active p {
  font-size: 14px;
  line-height: 1.75;
  color: rgba(35, 24, 21, .6);
  text-align: justify;
}

.std_padd {
  padding: 100px 0
}

.std_padd1 {
  padding: 140px 0
}

.std_mar {
  margin-bottom: 50px
}

.ys_page_title {
  display: none
}

.ys_hd_pc {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: all .36s
}

.mod_hd {
  width: 100%;
  position: relative;
  /* background: linear-gradient(180deg, rgba(0, 0, 0, .3) 0, rgba(0, 0, 0, 0) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, .4) */
}

.ys_hd_pc .rs_telh {
  display: none;
}

.isfixed .rs_telb {
  display: none;
}

.isfixed .rs_telh {
  display: block;
}

.ishover .rs_telb {
  display: none;
}

.ishover .rs_telh {
  display: block;
}

.mod_hd_le_logo {
  width: 116px
}

.mod_hd_le_logo a {
  display: block;
  line-height: 80px
}

.mod_hd_le_logo img {
  width: 100%
}

.mod_hd .ys_cont1680 {
  display: flex;
  justify-content: space-between
}

.mod_hd_le {
  display: flex;
  align-items: center
}

.mod_hd_le_certif p {
  color: #fff
}

.mod_hd_le_certif {
  position: relative;
  padding-left: 8px;
  margin-left: 8px
}

.mod_hd_le_certif::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: #fff;
  display: block
}

.mod_hd_ri_nav {
  display: flex;
  padding-right: 70px
}

.mhrn_li {
  margin: 0 40px
}

.mhrn_link {
  display: block;
  line-height: 80px;
  color: #fff;
  transition: all .36s;
  font-size: 16px;
  position: relative;
  white-space: nowrap
}

.ys_nypage .mhrn_link {
  color: #161616;
}

.isfixed .mhrn_link {
  color: #161616;
}

.ishover .mhrn_link {
  color: #161616;
}

.yx_search3_btn {
  width: 27px;
  margin-right: 50px;
  line-height: 60px;
  position: relative
}

.yx_search3_btn img {
  width: 100%;
  transition: all .36s
}

.yx_search3img1 {
  position: relative;
  top: 0;
  left: 0
}

.yx_search3img2 {
  position: absolute;
  top: 18px;
  left: 0;
  opacity: 0
}

.yx_search3box {
  position: relative
}

.yx_search3xlbox {
  width: 100%;
  height: 250px;
  background: #f8f8f8;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .06);
  display: none;
  position: fixed;
  left: 0;
  top: 80px;
  z-index: 99
}

.yx_search3_tbox {
  width: 50%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 60px;
  border-bottom: 1px solid #231815
}

.yx_search3xlbtn {
  width: 27px;
  line-height: 60px
}

.yx_search3xlbtn img {
  width: 100%;
  transition: all .36s
}

.yx_search3_xls {
  width: calc(100% - 27px);
  padding-right: 20px
}

.yx_search3_xls input {
  font-size: 16px;
  line-height: 3.75;
  color: #231815;
  width: 100%;
  transition: all .36s
}

.yx_search3_xls input::placeholder {
  color: #231815
}

.yx_search3.act .yx_search3_btn .yx_search3img2 {
  opacity: 1
}

.yx_search3.act .yx_search3_btn .yx_search3img1 {
  opacity: 0
}

.yx_search3_btn.on .yx_search3img2 {
  opacity: 1
}

.yx_search3_btn.on .yx_search3img1 {
  opacity: 0
}

.mhrs_icon {
  width: 24px;
  line-height: 80px;
  transition: all .36s;
  cursor: pointer
}

/* .ys_hd_pc .souh {
  display: none;
} 

.isfixed .mhrs_icon .souh {
  display: block;
}

.isfixed .mhrs_icon .soub {
  display: none;
}

.ishover .mhrs_icon .souh {
  display: block;
}

.ishover .mhrs_icon .soub {
  display: none;
} */

.ys_hd_pc .souh {
  display: none;
}

.isfixed .soub {
  display: none;
}

.isfixed .souh {
  display: block;
}

.ishover .soub {
  display: none;
}

.ishover .souh {
  display: block;
}

.mhrs_icon img {
  width: 100%
}

.mod_hd_ri {
  display: flex
}

.mhrl_text_le p {
  font-size: 14px;
  line-height: 80px;
  color: #fff
}

.mhrl_text_le {
  padding-right: 4px
}

.mod_hd_ri_lan a>div {
  display: flex;
  align-items: center;
  cursor: pointer
}

.mhrl_top {
  display: flex;
  align-items: center;
  cursor: pointer
}

.mhrl_text {
  display: flex;
  align-items: center;
  padding-left: 4px
}

.mod_hd_ri_lan {
  margin-right: 40px;
  position: relative;
  flex: none
}

.mhrl_icon {
  width: 24px
}

.mhrl_icon img {
  width: 100%
}

.mhrl_text_ri {
  width: 16px
}

.mhrl_text_ri img {
  width: 100%;
  transition: all .36s
}

.mhrl_btm {
  position: absolute;
  top: 81px;
  left: 50%;
  transform: translateX(-50%);
  background: #152532;
  box-shadow: 0 5px 13px rgba(255, 255, 255, .06);
  padding: 15px 10px;
  width: 100%;
  text-align: center;
  display: none
}

.mhrl_btm_li {
  margin-bottom: 10px
}

.mhrl_btm_li:last-child {
  margin-bottom: 0
}

.mhrl_btm_li a {
  font-size: 14px;
  line-height: 1.5;
  color: #fff
}

.mod_hd_ri_lan.on .mhrl_text_ri img {
  transform: rotate(180deg)
}

.ban_tit .std_tit1 {
  font-weight: 700;
  color: #fff
}

.ban_info p {
  color: #fff
}

.ban_cont {
  width: 50%
}

.ban_info {
  margin-top: 50px
}

.mod_more {
  display: inline-block
}

.mod_more_ri {
  width: 24px
}

.mod_more_ri img {
  width: 100%
}

.mod_more_le p {
  font-size: 16px;
  line-height: 48px;
  color: #fff
}

.mod_more_link {
  display: flex;
  align-items: center;
  background: #004ABA;
  border-radius: 5px;
  padding: 0 24px;
  cursor: pointer;
  transition: all .36s
}

.ban_more {
  margin-top: 80px
}

.ybsp_con .swiper-pagination {
  top: inherit !important;
  bottom: 0 !important;
  width: 100%;
  height: 2px !important;
  background: rgba(0, 0, 0, .25)
}

.ys_ban_slick_pag {
  position: absolute;
  bottom: 24px;
  left: 0;
  width: 100%
}

.ybsp_con {
  width: 100%;
  position: relative
}

.ybsp_con .swiper-pagination-progressbar {
  background: #004ABA !important
}

.mod_more_le {
  padding-right: 8px
}

.ybsb_btn {
  width: 48px;
  height: 110px;
  background: rgba(0, 0, 0, .2);
  border-radius: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer
}

.ybsb_btn img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.ybsb_le {
  left: 40px
}

.ybsb_ri {
  right: 40px
}

.home_exper {
  width: 100%;
  position: relative
}

.home_exper_cont {
  width: 100%
}

.ys_sypage {
  background: #FFFFFF
}

.home_exper_ul {
  display: flex
}

.home_exper_ul_li {
  width: 25%;
  position: relative;
  padding: 0
}

/* .home_exper_ul_li::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 40px;
  background: #fff
} */

.heul_icon {
  width: 68px;
  margin: 0 auto;
  margin-bottom: 6px
}

.heul_tit p {
  font-size: 48px;
  line-height: 1.2;
  color: #FFFFFF;
  font-family: Arial !important;
  font-weight: 700;
  text-align: center
}

.heul_tit span {
  font-family: Arial !important
}

.heul_info p {
  color: #FFFFFF;
  text-align: center
}

.heul_tit {
  margin-bottom: 8px
}

.home_exper_ul_li:last-child::after {
  display: none
}

.home_applic {
  width: 100%;
  position: relative
}

.home_applic_cont {
  width: 100%;
  position: relative
}

.home_applic_tit {
  position: relative;
  padding-top: 60px;
  z-index: 1
}

.home_applic_tit .std_tit2 {
  font-weight: 700;
  color: #1D1D1F;
}

.home_applic_tit span {
  font-weight: 700;
  font-size: 120px;
  line-height: 110%;
  position: absolute;
  top: -10px;
  left: 0;
  z-index: -1;
  color: #152532;
  text-shadow: -2px 0 0 rgba(228, 31, 32, .3), 0 2px 0 rgba(228, 31, 32, .3), 2px 0 0 rgba(228, 31, 32, .3), 0 -2px 0 rgba(228, 31, 32, .3)
}

.hasu_li {
  width: 33.333333%;
  padding: 0 24px
}

.hasu_wrap {
  width: 100%;
  position: relative
}

.hasu_wrap .ys_imgbox_cover {
  border-radius: 20px
}

.hasu_posi {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 40px
}

.hasu_posi_tit .std_tit3 {
  color: #fff;
  line-height: 1.3;
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.hasu_posi_info p {
  color: #e41f20;
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.hasu_posi_tit {
  margin-bottom: 8px
}

.mod_more1_le p {
  font-size: 16px;
  line-height: 1.5;
  color: #fff
}

.mod_more1_ri {
  width: 24px
}

.mod_more1_ri img {
  width: 100%
}

.mod_more1_link {
  display: flex;
  align-items: center
}

.mod_more1_le {
  padding-right: 8px
}

.hasu_posi_info {
  margin-bottom: 24px
}

.home_applic_swip_ul {
  display: flex
}

.home_applic_swip {
  margin: 0 -24px;
  overflow: hidden;
  padding-bottom: 40px
}

.home_applic_ctrol_ri {
  width: 194px;
  display: flex;
  justify-content: flex-end
}

.home_applic_ctrol_le {
  width: calc(100% - 194px);
  position: relative
}

.home_applic_ctrol {
  display: flex;
  align-items: center
}

.hacr_btn {
  width: 48px;
  height: 48px;
  background: #F8F8F8;
  border-radius: 5px;
  transition: all .36s;
  position: relative;
  cursor: pointer;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .04)
}

.hacr_ri {
  margin-left: 40px
}

.hacr_btn .iconfont {
  font-size: 24px;
  color: #004ABA;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all .36s
}

.home_case {
  width: 100%;
  position: relative;
}

.home_case_cont {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-end
}

.home_case_le {
  width: 46.5%;
  overflow: hidden
}

.hclu_li .ys_imgbox_cover {
  border-radius: 0 20px 20px 0
}

.home_case_side {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: 10
}

.home_case_ri {
  width: 54%;
  padding-left: 120px;
  position: relative
}

.home_case_ri_tit {
  margin-bottom: 80px
}

.hcrl_li {
  width: 100%;
  position: relative;
  padding: 0 10px
}

.hcrl_li_wrap {
  width: 100%
}

.hcrl_li_wrap_tit .std_tit3 {
  color: #004ABA;
  line-height: 1.3;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.hcrl_li_wrap_info p {
  color: #666666;
  line-height: 1.8;
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-align: justify;
}

.hcrl_li_wrap_tit {
  margin-bottom: 24px
}

.hcrl_li_wrap_info {
  margin-bottom: 80px
}

.hcrl_ul {
  padding-bottom: 188px
}

.home_case_side_btn {
  display: flex
}

.home_case_side_btn .hacr_ri {
  margin-left: 0;
  border-radius: 0 5px 5px 0
}

.home_case_side_btn .hacr_le {
  border-radius: 5px 0 0 5px
}

.home_case_side_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -48px
}

.home_case_ri_list {
  overflow: hidden;
  margin: 0 -10px
}

.home_trend {
  width: 100%;
  position: relative;
}

/* .home_trend::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(21, 37, 50, .6);
  z-index: -1
} */

.home_trend_cont {
  width: 100%
}

.home_trend_top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home_trend_top_ri {
  flex: none;
  margin-bottom: 5px
}

.home_trend_btm {
  width: 100%;
  position: relative
}

.home_trend_btm_list {
  width: 100% !important;
  overflow: hidden;
  padding: 10px 0 36px;
  box-sizing: border-box
}

.htbl_swip {
  margin: 0 -24px;
}

.htbl_ul_li {
  width: 420px;
  height: auto;
  padding: 0 24px
}

.htbl_ul {
  align-items: stretch
}

.htbl_ul_li > a {
  display: flex;
  width: 100%;
  height: 100%;
  outline: none
}

.htbl_ul_li_wrap {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  background: #ffffff;
  border: 1px solid rgba(0, 74, 186, .14);
  border-radius: 8px;
  box-shadow: 0 14px 34px rgba(17, 46, 88, .08);
  overflow: hidden;
  transform: translateY(0);
  transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease
}

.hulw_top {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  min-height: 178px;
  position: relative;
  padding: 24px;
  box-sizing: border-box
}

.hulw_top_tit .std_tit4 {
  color: #333333;
  line-height: 1.6;
  height: 3.2em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.hulw_top_time {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 14px
}

.hulw_top_time_le {
  width: 22px
}

.hulw_top_time_le img {
  width: 100%
}

.hulw_top_time_ri p {
  font-size: 14px;
  line-height: 1.6;
  color: #666666
}

.hulw_top_time_ri {
  padding-left: 8px
}

.hulw_top_tit {
  min-height: 3.2em;
  margin-bottom: 20px
}

.hulw_top_tit p {
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.hulw_top > .g_button1 {
  margin-top: auto
}

.htbl_ul_li_wrap .ys_imgbox_cover {
  flex: none;
  border-radius: 0;
  background: radial-gradient(ellipse at 50% 48%, #ffffff 0%, #f7f9fc 32%, #e4eaf2 68%, #d1dbe8 100%);
  border-bottom: 1px solid rgba(0, 74, 186, .1)
}

.htbl_ul_li_wrap .ys_imgbox_cover img:first-child {
  opacity: 0
}

.htbl_ul_li_wrap .ys_imgbox_cover img:nth-child(2),
.nwll_le .ys_imgbox_cover img:nth-child(2) {
  object-fit: contain;
  object-position: center;
}

.htbl_ul_li_wrap .ys_imgbox_cover img:nth-child(2) {
  transform: scale(1);
  transition: transform .42s ease
}

.htbl_ul_li > a:hover .htbl_ul_li_wrap,
.htbl_ul_li > a:focus-visible .htbl_ul_li_wrap {
  border-color: rgba(0, 74, 186, .38);
  box-shadow: 0 22px 46px rgba(17, 46, 88, .14);
  transform: translateY(-5px)
}

.htbl_ul_li > a:focus-visible .htbl_ul_li_wrap {
  box-shadow: 0 0 0 3px rgba(0, 74, 186, .14), 0 22px 46px rgba(17, 46, 88, .14)
}

.htbl_ul_li > a:hover .ys_imgbox_cover img:nth-child(2),
.htbl_ul_li > a:focus-visible .ys_imgbox_cover img:nth-child(2) {
  transform: scale(1.045)
}

.htbl_ul_li > a:hover .g_button1 img,
.htbl_ul_li > a:focus-visible .g_button1 img {
  transform: translateX(4px)
}

.home_trend_btm.is-card-ready .htbl_ul_li {
  animation: hxNewsCardEnter .66s cubic-bezier(.16, 1, .3, 1) both
}

.home_trend_btm.is-card-ready .htbl_ul_li:nth-child(3n + 1) {
  animation-delay: .04s
}

.home_trend_btm.is-card-ready .htbl_ul_li:nth-child(3n + 2) {
  animation-delay: .14s
}

.home_trend_btm.is-card-ready .htbl_ul_li:nth-child(3n) {
  animation-delay: .24s
}

@keyframes hxNewsCardEnter {
  from {
    opacity: 0;
    transform: translateY(26px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}

@media (prefers-reduced-motion: reduce) {
  .home_trend_btm.is-card-ready .htbl_ul_li {
    animation: none
  }

  .htbl_ul_li_wrap,
  .htbl_ul_li_wrap .ys_imgbox_cover img:nth-child(2),
  .htbl_ul_li_wrap .g_button1 img {
    transition: none
  }

  .htbl_ul_li > a:hover .htbl_ul_li_wrap,
  .htbl_ul_li > a:focus-visible .htbl_ul_li_wrap,
  .htbl_ul_li > a:hover .ys_imgbox_cover img:nth-child(2),
  .htbl_ul_li > a:focus-visible .ys_imgbox_cover img:nth-child(2) {
    transform: none
  }
}

.ys_footer {
  width: 100%;
  position: relative;
  z-index: 10
}

.mod_fot {
  width: 100%;
  background: #102333 url("/static/img/hx-footer-bg-20260629.jpg") center center / cover no-repeat
}

.mod_fot_top {
  width: 100%;
  position: relative;
  background: rgba(0, 74, 186, .64);
  padding: 42px 0
}

.mod_fot_top_le .std_tit2 {
  font-weight: 700;
  color: #fff;
  line-height: 1.3;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 18px
}

.mod_fot_top_le,
.mod_fot_top_ri {
  width: auto
}

.mod_fot_top .ys_cont1680 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px
}

.mod_fot_top_le {
  flex: 1 1 auto;
  min-width: 0
}

.mod_fot_top_le .std_tit2 span {
  white-space: nowrap
}

.mod_fot_top_ri {
  flex: 0 0 auto;
  display: flex;
  gap: 28px;
  justify-content: flex-end;
  align-items: center
}

.mftr_ri {
  flex: none
}

.mftr_ri .mod_more_link {
  background: #004ABA;
  border: 1px solid #fff
}

.mlul_wrap {
  width: 32px;
  cursor: pointer
}

.mlul_wrap img {
  width: 100%
}

.mftr_le_ul {
  display: flex
}

.mftr_le_ul_li {
  padding-right: 80px;
  position: relative
}

.mftr_le_ul_li::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  width: 1px;
  height: 16px;
  background: #fff
}

.mftr_le_ul_li:last-child::after {
  display: none
}

.mlul_hover {
  position: relative
}

.mlul_code {
  width: 100px;
  position: absolute;
  bottom: 48px;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  pointer-events: none
}

.mlul_code img {
  width: 100%
}

.mod_fot_btm {
  width: 100%;
  background: rgba(18, 31, 43, .84);
  padding-top: 100px
}

.mfbn_le {
  width: 310px
}

.mfbn_le img {
  width: 100%
}

.mfbn_le a {
  display: block
}

.mod_fot_btm_nav {
  display: flex;
  justify-content: space-between;
  padding-bottom: 86px
}

.mrul_tit a {
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255, 255, 255, .6)
}

.mrul_tit_info_li a {
  font-size: 14px;
  line-height: 1.75;
  color: #fff;
  transition: all .36s
}

.mrul_tit {
  margin-bottom: 18px;
}

.mrul_tit_info_li {
  margin-bottom: 16px
}

.mfbn_ri_ul {
  display: flex
}

.mfbn_ri_ul_li {
  margin-left: 0 !important;
}

.mod_fot_copyr {
  width: 100%;
  position: relative;
  padding: 20px 0;
  border-top: 1px solid rgba(153, 153, 153, 0.3);
}

.mod_fot_links {
  display: flex;
  align-items: flex-start;
  padding: 22px 0;
  border-top: 1px solid rgba(153, 153, 153, 0.3);
}

.mod_fot_links_tit {
  flex: 0 0 auto;
  margin-right: 28px;
  font-size: 14px;
  line-height: 1.8;
  color: rgba(255, 255, 255, .72);
}

.mod_fot_links_list {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 8px 26px;
}

.mod_fot_links_list a {
  font-size: 14px;
  line-height: 1.8;
  color: #999999;
  transition: all .36s;
}

.mfcw_le p {
  font-size: 14px;
  line-height: 1.6;
  color: #999999
}

.mod_fot_copyr_wrap {
  display: flex;
  justify-content: space-between
}

.mfcw_ri a {
  font-size: 14px;
  line-height: 1.6;
  color: #999999;
  margin-left: 32px
}

.ys_hd_pc.isfixed {
  background: #FFFFFF;
  box-shadow: 0px 6px 20px rgba(16, 22, 44, 0.04);
}

.ys_nypage .ys_hd_pc {
  background: #FFFFFF
}

.ys_ban_imgbox_desz {
  width: 38%;
  position: absolute;
  /* top: 0; */
  bottom: 0;
  left: 0;
  z-index: 4;
  pointer-events: none
}

.ys_ban_imgbox_desz img {
  width: 100%
}

.ys_nypage .ys_main {
  margin-top: 80px
}

.ys_nypage .ys_ban_imgbox::before {
  background: linear-gradient(90deg, #030f18 0, rgba(5, 38, 102, 0) 50%)
}

.ys_banner1 .ban_info p {
  margin-bottom: 12px
}

.ys_banner1 .ban_more {
  margin-top: 48px
}

.mod_bread_ul {
  display: flex;
  align-items: center
}

.mod_bread_li a {
  font-size: 16px;
  line-height: 1.75;
  color: #fff;
  display: block
}

.mod_bread_li img {
  width: 22px;
  margin-bottom: 4px
}

.mod_bread {
  width: 100%;
  position: absolute;
  bottom: 16px;
  left: 0;
  z-index: 10
}

.mod_bread_li {
  position: relative;
  padding-right: 36px
}

.mod_bread_li::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../img/rs_arrow0.svg);
  background-size: 100%;
  width: 12px;
  height: 12px;
  right: 12px
}

.mod_bread_li:last-child::after {
  display: none
}

.invite_devel {
  width: 100%;
  position: relative;
  padding-bottom: 0 !important
}

.invite_devel_cont {
  width: 100%;
  position: relative
}

.invite_devel_tit .std_tit2 {
  font-weight: 700;
  color: #231815;
  line-height: 1.2
}

.invite_devel_list {
  width: 100%;
  position: relative
}

.idlu_li {
  width: 25%;
  padding: 0 12px
}

.invite_devel_list_ul {
  margin: 0 -12px;
  display: flex;
  flex-wrap: wrap
}

.idlu_wrap {
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid rgba(35, 24, 21, .1);
  border-radius: 20px;
  transition: all .36s;
  padding: 50px 32px 88px;
  text-align: center;
  position: relative;
  overflow: hidden
}

.idlu_wrap_icon {
  width: 85px;
  margin: 0 auto;
  margin-bottom: 20px
}

.idlu_wrap_tit .std_tit4 {
  font-weight: 700;
  color: #231815;
  line-height: 1.4;
  transition: all .36s
}

.idlu_wrap_desz {
  width: 60%;
  position: absolute;
  bottom: 0;
  right: 0;
  transition: all .36s;
  opacity: 0;
  pointer-events: none
}

.idlu_wrap_desz img {
  width: 100%
}

.idlu_wrap_info p {
  line-height: 1.6;
  color: rgba(35, 24, 21, .6)
}

.idlu_wrap_tit {
  margin-bottom: 23px
}

.invite_welfa {
  width: 100%;
  position: relative
}

.ys_sypage .invite_welfa {
  overflow: hidden;
  background: #f7fbff url("/static/img/hx-about-bg-20260629.png") center center / cover no-repeat fixed;
}

.ys_sypage .invite_welfa .ys_cont1680 {
  position: relative;
  z-index: 1;
}

.invite_welfa_cont {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.invite_welfa_ri {
  width: 38%;
  padding-left: 74px;
  position: relative
}

.invite_welfa_ri .ys_imgbox_cover {
  border-radius: 20px;
  z-index: 10
}

.home_about_slick_wrap {
  isolation: isolate;
}

.home_about_slick {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.home_about_slick .slick-list,
.home_about_slick .slick-track,
.home_about_slick_li {
  height: 100%;
}

.home_about_slick_li {
  position: relative;
}

.home_about_slick_li img,
.home_about_slick .slick-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

.ys_sypage .home_about_slick img[src*="home-about-products-balanced-a-20260702"] {
  transform: scale(1.18);
  transform-origin: center bottom;
}

.home_about_slick_wrap > img:first-child {
  position: relative;
  z-index: 1;
}

.invite_welfa_ri::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 333px;
  background: #004ABA;
  opacity: 1;
  border-radius: 20px
}

.ys_sypage .invite_welfa_ri::after {
  display: none;
}

.invite_welfa_le {
  width: 52%;
  padding-right: 48px
}

.invite_welfa_le_info {
  margin-bottom: 40px
}

.invite_welfa_le_info p {
  color: #666666;
  text-align: justify;

}

.invite_welfa_le_list {
  margin: 0 -30px;
  display: flex;
  flex-wrap: wrap
}

.iwll_li {
  width: 50%;
  padding: 0 30px;
  margin-bottom: 24px
}

.iwll_wrap {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center
}

.iwll_wrap_le {
  width: 64px
}

.iwll_wrap_ri {
  width: calc(100% - 64px);
  padding-left: 8px
}

.iwll_wrap_ri_cont {
  width: 100%;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05);
  border-radius: 8px;
  padding: 8px 16px
}

.invite_handl {
  width: 100%;
  position: relative;
  background: #f8f8f8
}

.invite_handl_cont {
  width: 100%;
  position: relative
}

.invite_handl_top_ri p {
  color: rgba(35, 24, 21, .6)
}

.invite_handl_top {
  display: flex;
  justify-content: space-between
}

.invite_handl_top_le {
  padding-right: 20px;
  width: 52%
}

.invite_handl_top_ri {
  width: 50%;
  margin-top: 18px
}

.invite_handl_btm {
  width: 100%;
  position: relative
}

.ihbi_li_img {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  display: none
}

.ihbi_li_img:first-child {
  display: block
}

.ihbi_li_img img {
  width: 100%
}

.ihbi_ul {
  width: 100%;
  position: relative;
  display: none
}

.ihbi_ul:first-child {
  display: block
}

.ihbi_ul .home_case_side_btn {
  top: inherit;
  transform: inherit;
  left: inherit;
  bottom: 20px;
  right: 40px
}

.ihbs_li {
  width: 25%;
  padding: 0 20px
}

.ihbs_ul {
  margin: 0 -20px;
  display: flex;
  justify-content: center
}

.ihbs_li p {
  border: 1px solid rgba(35, 24, 21, .1);
  border-radius: 5px;
  transition: all .36s;
  text-align: center;
  color: #231815;
  padding: 8px 15px;
  cursor: pointer
}

.invite_handl_btm_img {
  margin-bottom: 30px
}

.ihbs_li.act p {
  border-color: #e41f20;
  background: #e41f20;
  color: #fff;
  box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05)
}

.hacr_btn.slick-disabled {
  opacity: .4;
  pointer-events: none
}

.invite_care {
  width: 100%;
  position: relative
}

.invite_care_btm {
  width: 100%;
  position: relative
}

.icbu_li {
  width: 420px !important;
  margin: 0 24px;
  position: relative
}

.icbu_li:nth-child(2n) {
  margin-top: 40px
}

.icbu_li .ys_imgbox_cover {
  border-radius: 20px
}

.icbu_li .icbu_li_tit::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, .161426) 0, #000 100%);
  opacity: .5;
  transition: all .36s;
  border-radius: 20px;
  z-index: -1
}

.icbu_li_tit {
  position: absolute;
  bottom: 0;
  padding: 15px;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  transition: all .36s;
  opacity: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 10
}

.icbu_li_tit p {
  color: #fff;
  line-height: 1.6
}

.ys_b3page .ys_ban_imgbox::before {
  background: linear-gradient(90deg, #030f18 0, rgba(5, 38, 102, 0) 100%)
}

.ban_certi {
  width: 696px
}

.ys_b3page .ban_cont {
  width: calc(100% - 696px);
  padding-right: 15px
}

.ys_b3page .ys_ban_txtbox {
  display: flex;
  align-items: center
}

.ban_certi_cont {
  width: 100%;
  background: rgba(255, 255, 255, .2);
  box-shadow: -16px 16px 16px rgba(0, 69, 119, .02), -24px 24px 24px rgba(0, 69, 119, .02);
  backdrop-filter: blur(8px);
  border-radius: 20px;
  padding: 40px
}

.ban_certi_top_tit .std_tit4 {
  font-weight: 700;
  color: #fff;
  line-height: 1.4
}

.ban_certi_top_ingo .std_tit4 {
  background: rgba(255, 255, 255, .3);
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  padding: 8px 16px
}

.ban_certi_top_tit {
  margin-bottom: 16px
}

.ban_certi_btm_le {
  width: calc(100% - 209px);
  padding-right: 80px
}

.ban_certi_btm_ri {
  width: 209px
}

.ban_certi_btm_ri .ys_imgbox_cover {
  border-radius: 10px
}

.ban_certi_btm {
  display: flex
}

.bcbl_btm_icon_img2 {
  transform: rotate(180deg);
  display: none
}

.bcbl_btm_icon {
  width: 22px;
  position: relative
}

.bcbl_top p {
  color: #fff;
  line-height: 1.6
}

.bcbl_top {
  padding-bottom: 8px;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px
}

.bcbl_btm .std_tit1 {
  color: #fff;
  line-height: 1.1;
  padding-right: 15px
}

.ban_certi_top {
  margin-bottom: 85px
}

.bcbl_btm {
  display: flex;
  align-items: center
}

.inves_relea {
  width: 100%;
  position: relative
}

.inves_relea_cont {
  width: 100%;
  position: relative
}

.inves_relea_ri {
  width: 30%;
  position: relative;
  z-index: 10
}

.inves_relea_le {
  width: 70%;
  padding-right: 48px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.irls_ul {
  border: 1px solid rgba(21, 37, 50, .1);
  border-radius: 5px;
  display: flex
}

.irls_li p {
  color: #231815;
  line-height: 1.5;
  padding: 8px 32px;
  transition: all .36s;
  border-radius: 5px;
  cursor: pointer
}

.irls_li.act p {
  color: #fff;
  background: #e41f20
}

.inves_relea_le_swit {
  width: 100%
}

.inves_relea_le_wrap {
  width: 100%;
  position: relative;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05);
  border-radius: 20px;
  padding-bottom: 20px;
  display: none
}

.inves_relea_le_wrap:first-child {
  display: block
}

.irlw_li {
  border-bottom: 1px solid rgba(21, 37, 50, .05)
}

.irlw_li a {
  display: flex;
  align-items: center;
  padding: 23px 40px 8px
}

.irlw_ri {
  width: 160px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.irlw_le {
  width: calc(100% - 160px);
  padding-right: 10px
}

.irlw_le p {
  color: #231815;
  line-height: 1.6;
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  transition: all .36s
}

.irlw_ri_icon {
  width: 32px
}

.irlw_ri_icon img {
  width: 100%
}

.irlw_ri_txt p {
  color: #231815
}

.irru_li {
  height: 212px;
  border-radius: 20px;
  margin-bottom: 45px
}

.irru_li:last-child {
  margin-bottom: 0
}

.irru_li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center
}

.irru_wrap {
  width: 100%;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.irru_wrap_ri {
  width: 48px;
  flex: none
}

.irru_wrap_ri img {
  width: 100%
}

.irru_wrap_le .std_tit4 {
  color: #fff;
  line-height: 1.4
}

.irru_wrap_le {
  padding-right: 15px
}

.inves_relea_btm {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}

.inves_relea_le_swit .slick-list {
  overflow: visible
}

.inves_admin {
  width: 100%;
  position: relative;
  background: rgba(21, 37, 50, .03)
}

.inves_admin_cont {
  width: 100%;
  position: relative
}

.inves_admin_li {
  width: 100%;
  position: relative
}

.inves_admin_li_wrap {
  width: 100%;
  background: #fff;
  border: 1px solid rgba(35, 24, 21, .1);
  box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05);
  border-radius: 20px;
  display: flex;
  padding: 40px 10px
}

.ialw_li {
  width: 33.333333%;
  padding: 0 40px
}

.ialw_wrap {
  width: 100%;
  position: relative;
  border-top: 1px solid rgba(35, 24, 21, .2);
  display: flex;
  padding: 20px 0
}

.ialw_wrap_le p {
  color: rgba(35, 24, 21, .6);
  line-height: 1.6
}

.ialw_wrap_ri p {
  color: #231815;
  line-height: 1.6
}

.ialw_wrap_le {
  flex: none;
  width: 128px
}

.ialw_wrap_ri {
  padding-left: 40px
}

.inves_admin_li1 .ialw_wrap:nth-child(2) .ialw_wrap_ri p {
  min-height: 3.2em
}

.inves_admin_li_tit .std_tit4 {
  color: #231815;
  line-height: 1.4
}

.inves_admin_li_tit {
  margin-bottom: 24px
}

.inves_admin_li1 {
  margin-bottom: 60px
}

.inves_admin_li_ul {
  margin: 0 -24px;
  display: flex;
  flex-wrap: wrap
}

.ialu_li {
  width: 50%;
  padding: 0 24px
}

.ialu_wrap {
  background: #fff;
  border: 1px solid rgba(35, 24, 21, .1);
  box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05);
  border-radius: 20px;
  padding: 40px 50px
}

.ialu_wrap_tit p {
  color: #231815
}

.ialu_wrap_tit {
  margin-bottom: 16px
}

.ialw_wrap:last-child {
  padding-bottom: 0
}

.conta_phon {
  width: 100%;
  position: relative;
  padding-bottom: 0 !important
}

.ys_b4page .mod_main {
  position: relative;
  isolation: isolate;
  background: #f5f9fd
}

.ys_b4page .mod_main::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: url("/static/img/hx-contact-bg-20260630.jpg") center top / cover no-repeat;
  opacity: .42;
  transform: scale(1.015);
  transform-origin: center top
}

.ys_b4page .mod_main::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(248, 251, 255, .68) 0%, rgba(248, 251, 255, .82) 42%, rgba(246, 249, 253, .96) 100%),
    linear-gradient(105deg, rgba(0, 74, 186, .1) 0%, rgba(0, 74, 186, .03) 30%, rgba(255, 255, 255, .62) 72%, rgba(255, 255, 255, .86) 100%)
}

.ys_b4page .mod_main > * {
  position: relative;
  z-index: 1
}

.conta_phon_cont {
  width: 100%;
  position: relative
}

.conta_phon_ul {
  margin: 0 -24px;
  display: flex;
  flex-wrap: wrap
}

.conta_phon_li .idlu_wrap {
  text-align: left
}

.conta_phon_li {
  width: 33.333333%;
  padding: 0 24px
}

.idlu_wrap_tit .std_tit4 {
  color: #231815 !important;
  line-height: 1.4;
  font-weight: 400
}

.mod_tit32 {
  font-size: 32px;
  line-height: 1.4
}

.idlu_wrap_info .std_tit4 {
  color: #004ABA
}

.contact_phone_lines {
  display: flex;
  flex-direction: column;
  gap: 10px;
  line-height: 1.35;
  white-space: nowrap
}

.contact_phone_lines a {
  color: inherit
}

.conta_phon_li .idlu_wrap {
  padding: 38px 32px 75px
}

.ys_b4page .conta_phon_li .idlu_wrap {
  background: rgba(255, 255, 255, .88);
  border-color: rgba(255, 255, 255, .78);
  box-shadow: 0 16px 44px rgba(0, 69, 119, .1);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px)
}

.conta_phon_li .idlu_wrap_desz {
  width: 50%
}

.conta_headq {
  width: 100%;
  position: relative;
  padding-bottom: 0 !important
}

.conta_headq_cont {
  width: 100%;
  position: relative
}

.conta_headq_cont .invite_devel_tit {
  margin-bottom: 30px
}

.conta_headq_btm {
  width: 100%;
  position: relative
}

.contact_map_wrap {
  display: block
}

.conta_headq_btm_wrap {
  width: 100%;
  position: relative;
  padding-bottom: 62px
}

.chbw_img {
  width: 100%;
  position: relative
}

.chbw_img .ys_imgbox_cover {
  border-radius: 20px
}

.chbw_map {
  width: 100%;
  height: 520px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background: #f1f4f8
}

.chbw_map iframe,
.chbw_map img,
.hx_leaflet_map {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  object-fit: cover
}

.chbw_map .leaflet-container {
  font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.chbw_map .leaflet-control-container {
  position: relative;
  z-index: 3;
}

.chbw_map .leaflet-popup-content-wrapper {
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(0, 69, 119, .16);
}

.chbw_map .leaflet-popup-content {
  margin: 12px 16px;
  color: #536272;
  font-size: 14px;
  line-height: 1.7;
}

.chbw_map .leaflet-popup-content strong {
  color: #231815;
  font-size: 16px;
}

.hx_leaflet_marker {
  position: relative;
}

.hx_leaflet_marker::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 36px;
  width: 28px;
  height: 10px;
  border-radius: 50%;
  background: rgba(0, 48, 120, .24);
}

.hx_leaflet_marker span {
  position: absolute;
  left: 50%;
  top: 0;
  width: 34px;
  height: 34px;
  transform: translateX(-50%) rotate(45deg);
  border-radius: 50% 50% 50% 0;
  background: #004ABA;
  box-shadow: 0 8px 18px rgba(0, 74, 186, .26);
}

.hx_leaflet_marker span::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #fff;
}

.chbw_posit {
  position: absolute;
  bottom: 0;
  right: 80px;
  width: 54.5%;
  background: rgba(255, 255, 255, .8);
  box-shadow: -16px 16px 16px rgba(0, 69, 119, .02), -24px 24px 24px rgba(0, 69, 119, .02);
  backdrop-filter: blur(12px);
  border-radius: 20px;
  padding: 40px
}

.chbw_posit_top .std_tit4 {
  color: #231815;
  font-weight: 700;
  line-height: 1.4
}

.chbw_posit_top {
  margin-bottom: 24px
}

.chbw_posit_btm_le {
  width: 24px;
  margin-top: 2px
}

.chbw_posit_btm_le img {
  width: 100%
}

.chbw_posit_btm_ri p {
  color: #231815
}

.chbw_posit_btm {
  display: flex
}

.chbw_posit_btm_ri {
  padding-left: 8px
}

.chbw_map_more {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 22px;
  color: #004ABA;
  font-size: 16px;
  line-height: 1.4
}

.chbw_map_more img {
  width: 18px
}

.conta_resea {
  width: 100%;
  position: relative;
  scroll-margin-top: 96px
}

.conta_resea_cont {
  width: 100%;
  position: relative
}

.crlu_li {
  width: 50%;
  padding: 0 24px;
  margin-bottom: 50px
}

.conta_resea_list_ul {
  margin: 0 -24px;
  display: flex;
  flex-wrap: wrap
}

.crlu_wrap {
  width: 100%;
  position: relative
}

.crlu_li .chbw_posit {
  border-radius: 10px;
  background: rgba(255, 255, 255, .8);
  box-shadow: -16px 16px 16px rgba(0, 69, 119, .02), -24px 24px 24px rgba(0, 69, 119, .02);
  backdrop-filter: blur(12px)
}

.crlu_li .chbw_posit {
  right: 20px;
  width: 72%
}

.ys_c3page .ban_cont {
  width: 100%
}

.form_obtai {
  width: 100%;
  position: relative
}

.form_obtai_cont {
  width: 945px;
  margin: 0 auto
}

.form_obtai_ul {
  margin: 0 -24px;
  display: flex;
  flex-wrap: wrap
}

.form_obtai_ul_li {
  width: 50%;
  padding: 0 24px;
  margin-bottom: 30px
}

.foul_wrap {
  width: 100%;
  position: relative
}

.foul_wrap_top p {
  color: #231815;
  line-height: 1.6
}

.foul_wrap_top p span {
  color: #e41f20
}

.foul_wrap_btm {
  width: 100%;
  border: 1px solid #231815;
  border-radius: 8px
}

.foul_wrap_btm input {
  width: 100%;
  height: 42px;
  padding: 0 16px;
  color: rgba(35, 24, 21, .5);
  font-size: 16px
}

.foul_wrap_top {
  margin-bottom: 8px
}

.foul_wrap_btm input::-webkit-input-placeholder,
.foul_wrap_btm textarea::-webkit-input-placeholder {
  color: rgba(35, 24, 21, .5)
}

.foul_wrap_btm input:-moz-placeholder,
.foul_wrap_btm textarea:-moz-placeholder {
  color: rgba(35, 24, 21, .5)
}

.foul_wrap_btm input::-moz-placeholder,
.foul_wrap_btm textarea::-moz-placeholder {
  color: rgba(35, 24, 21, .5)
}

.foul_wrap_btm input:-ms-input-placeholder,
.foul_wrap_btm textarea:-ms-input-placeholder {
  color: rgba(35, 24, 21, .5)
}

.form_obtai_ul_li1 {
  width: 100%
}

.foul_wrap_btm textarea {
  width: 100%;
  height: 166px;
  padding: 16px;
  color: rgba(35, 24, 21, .5);
  font-size: 16px
}

.form_obtai_test {
  width: 100%;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 19px
}

.form_obtai_test_cen,
.form_obtai_test_ri {
  padding-left: 32px
}

.form_obtai_test_ri {
  width: 312px;
  margin-top: 24px
}

.form_obtai_test_ri .mod_more {
  width: 100%
}

.form_obtai_test_ri .mod_more_link {
  justify-content: center;
  cursor: pointer
}

.form_obtai_test_cen {
  width: 240px
}

.fotc_img {
  width: 100%;
  height: 42px;
  border: 1px solid #231815;
  border-radius: 8px;
  overflow: hidden;
  background: #f6f8fb
}

.fotc_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer
}

.form_obtai_test_le {
  width: 392px
}

.form_obtai_test .form_obtai_test_le {
  width: 392px;
  flex: 0 0 392px;
}

.form_obtai_test .form_obtai_test_cen {
  width: 240px;
  flex: 0 0 240px;
}

.form_obtai_test .form_obtai_test_ri {
  flex: 0 0 100%;
  width: 100%;
  padding-left: 0 !important;
}

.form_obtai_test .form_obtai_test_ri .rs_submit {
  width: 312px;
}

.form_obtai_panel {
  max-width: 1200px;
  margin: 0 auto;
  padding: 52px 56px 56px;
  border: 1px solid rgba(0, 74, 186, .08);
  border-radius: 24px;
  background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
  box-shadow: 0 18px 48px rgba(0, 69, 119, .08);
}

.ys_b4page .form_obtai_panel {
  border-color: rgba(255, 255, 255, .78);
  background: linear-gradient(180deg, rgba(255, 255, 255, .94) 0%, rgba(248, 251, 255, .9) 100%);
  box-shadow: 0 20px 56px rgba(0, 69, 119, .12);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px)
}

.form_obtai_head {
  margin-bottom: 34px;
}

.form_obtai_head .invite_devel_tit {
  margin-bottom: 12px;
}

.form_obtai_intro {
  max-width: 640px;
  color: rgba(35, 24, 21, .68);
  line-height: 1.8;
}

.form_obtai_panel .form_obtai_ul {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px 32px;
}

.form_obtai_panel .form_obtai_ul_li {
  width: auto;
  padding: 0;
  margin-bottom: 0;
}

.form_obtai_panel .form_obtai_ul_li1 {
  width: auto;
  grid-column: 1 / -1;
}

.form_obtai_panel .foul_wrap_top {
  margin-bottom: 10px;
}

.form_obtai_panel .foul_wrap_top p {
  font-weight: 500;
}

.form_obtai_panel .foul_wrap_btm {
  border: 1px solid rgba(35, 24, 21, .18);
  border-radius: 14px;
  background: #fff;
  transition: border-color .3s ease, box-shadow .3s ease;
}

.form_obtai_panel .foul_wrap_btm:focus-within {
  border-color: #004ABA;
  box-shadow: 0 0 0 4px rgba(0, 74, 186, .12);
}

.form_obtai_panel .foul_wrap_btm input {
  height: 56px;
  padding: 0 18px;
  color: #231815;
  background: transparent;
}

.form_obtai_panel .foul_wrap_btm textarea {
  height: 190px;
  min-height: 190px;
  padding: 16px 18px;
  color: #231815;
  background: transparent;
}

.form_obtai_panel .form_obtai_test {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 200px 220px;
  gap: 20px 24px;
  align-items: start;
  margin-top: 12px;
  margin-bottom: 0;
}

.form_obtai_panel .form_obtai_test_le,
.form_obtai_panel .form_obtai_test_cen,
.form_obtai_panel .form_obtai_test_ri,
.form_obtai_panel .form_obtai_test .form_obtai_test_le,
.form_obtai_panel .form_obtai_test .form_obtai_test_cen,
.form_obtai_panel .form_obtai_test .form_obtai_test_ri {
  width: auto;
  flex: initial;
  padding-left: 0 !important;
  margin-top: 0;
}

.form_obtai_panel .form_obtai_test_cen,
.form_obtai_panel .form_obtai_test_ri,
.form_obtai_panel .form_obtai_test .form_obtai_test_cen,
.form_obtai_panel .form_obtai_test .form_obtai_test_ri {
  padding-top: 36px !important;
}

.form_obtai_panel .fotc_img {
  height: 56px;
  border: 1px solid rgba(35, 24, 21, .18);
  border-radius: 14px;
  background: #fff;
}

.form_obtai_test_tip {
  margin-top: 10px;
  color: rgba(35, 24, 21, .56);
  font-size: 13px;
  line-height: 1.5;
}

.form_obtai_panel .form_obtai_test_ri .rs_submit,
.form_obtai_panel .form_obtai_test .form_obtai_test_ri .rs_submit {
  width: 100%;
}

.conta_resea .rs_submit button {
  border-color: #004ABA;
  border-radius: 14px;
  overflow: hidden;
}

.form_obtai_panel .form_obtai_test_ri .mod_more_link {
  min-height: 56px;
  border-radius: 14px;
  justify-content: center;
  background: #004ABA;
  border-color: #004ABA;
  cursor: pointer;
}

.form_obtai_panel .form_obtai_test_ri .mod_more_le p {
  color: #fff;
  font-weight: 600;
}

.form_obtai_priva {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center
}

.form_obtai_priva_ri p {
  color: #231815
}

.form_obtai_priva_ri p a {
  color: #e41f20
}

.form_obtai_priva_le {
  width: 20px;
  height: 20px;
  border: 1px solid #231815;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  transition: all .36s
}

.form_obtai_priva_ri {
  padding-left: 16px
}

.form_obtai_priva_le::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #e41f20;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  transition: all .36s;
  opacity: 0
}

.form_obtai_priva_le.on {
  border-color: #e41f20
}

.form_obtai_priva_le.on::after {
  opacity: 1
}

.produ_navig {
  width: 100%;
  position: relative;
  padding-top: 50px
}

.produ_navig_cont {
  width: 100%;
  position: relative
}

.produ_navig_li {
  width: 16.666666%;
  padding: 0 10px
}

.produ_navig_ul {
  margin: 0 -10px;
  display: flex;
  justify-content: space-between;
}

.produ_navig_li_wrap {
  width: 100%;
  position: relative;
  border: 1px solid rgba(35, 24, 21, .1);
  border-radius: 10px;
  padding: 8px 10px;
  text-align: center;
  transition: all .36s
}

.pnlw_icon .ys_imgbox_cover img:nth-child(3) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0
}

.pnlw_icon {
  width: 48px;
  margin: 0 auto;
  margin-bottom: 16px
}

.pnlw_tit p {
  color: #231815;
  transition: all .36s
}

.produ_navig_li.act .produ_navig_li_wrap {
  background: #004ABA;
  border-color: #004ABA;
  box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05)
}

.produ_navig_li.act .produ_navig_li_wrap .ys_imgbox_cover img:nth-child(2) {
  opacity: 0
}

.produ_navig_li.act .produ_navig_li_wrap .ys_imgbox_cover img:nth-child(3) {
  opacity: 1
}

.produ_navig_li.act .produ_navig_li_wrap .pnlw_tit p {
  color: #fff
}

.produ_navig_ul {
  margin-bottom: 50px
}

.produ_navig_list {
  width: 100%;
  position: relative
}

.produ_navig_list_ul {
  margin: 0 -24px;
  display: flex;
  flex-wrap: wrap
}

.pnlu_li {
  width: 33.333333%;
  padding: 0 24px;
  margin-bottom: 48px
}

.pnlu_wrap {
  width: 100%;
  position: relative;
  padding: 20px;
  background: #fff;
  transition: all .36s;
  border: 1px solid rgba(35, 24, 21, .1);
  border-radius: 20px
}

.pnlu_wrap .ys_imgbox_cover {
  background: rgba(35, 24, 21, .05);
  border-radius: 10px
}

.pnlu_wrap_btm {
  width: 100%;
  position: relative;
  margin-top: 12px
}

.std_tit20 {
  font-size: 20px;
  line-height: 1.6;
  color: #231815
}

.pnlu_wrap_btm_tit .std_tit20 {
  font-weight: 700;
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.pnlu_wrap_btm_info p {
  color: rgba(35, 24, 21, .5);
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 1.6em
}

.pnlu_wrap_btm_info {
  margin-bottom: 36px
}

.pnlu_wrap_btm_lab p {
  color: #e41f20;
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 1.6em
}

.pnlu_wrap_btm_lab {
  border-top: 1px solid rgba(35, 24, 21, .2);
  padding-top: 16px;
  transition: all .36s;
  position: relative
}

.pnlu_wrap_btm_lab::after {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background: #004ABA;
  transition: all .6s;
  opacity: 0
}

.pnlu_wrap_btm_tit {
  margin-bottom: 8px
}

.pc_fenye li {
  font-size: 14px;
  color: rgba(35, 24, 21, .5);
  border: 1px solid rgba(35, 24, 21, .5);
  border-radius: 4px;
  width: 34px;
  height: 34px;
  line-height: 34px
}

.pc_fenye li.activepage {
  color: #fff;
  background: #e41f20;
  border-color: #e41f20
}

.sllw_btm {
  width: 100%;
  position: relative
}

.sllw_btm .ys_imgbox_cover {
  border-radius: 40px;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  overflow: hidden
}

.clul_wrap .ys_imgbox_cover,
.nwab_le .ys_imgbox_cover,
.sllw_btm .ys_imgbox_cover img {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  overflow: hidden
}

.nwll_le .ys_imgbox_cover {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  overflow: hidden
}

.sllw_btm .ys_imgbox_cover::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/d1_bg1.png) center/cover no-repeat
}

.sllw_btm_more {
  position: absolute;
  bottom: 40px;
  right: 56px
}

.soluti_list_li {
  margin-bottom: 86px
}

.soluti_list_li:last-child {
  margin-bottom: 0
}

.case_list_ul_li {
  width: 33.333333%;
  padding: 0 24px;
  margin-bottom: 48px
}

.case_list_ul {
  margin: 0 -24px;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 15px
}

.ys_d2page .mod_main {
  position: relative;
  isolation: isolate;
  background: #edf5fb;
  overflow: hidden
}

.ys_d2page .mod_main::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: url("/static/img/hx-case-bg-20260630.jpg") center top / cover no-repeat;
  opacity: .52;
  transform: scale(1.01);
  transform-origin: center top
}

.ys_d2page .mod_main::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(244, 249, 253, .58) 0%, rgba(244, 249, 253, .8) 42%, rgba(239, 246, 252, .96) 100%),
    linear-gradient(105deg, rgba(0, 74, 186, .12) 0%, rgba(0, 74, 186, .04) 38%, rgba(255, 255, 255, .64) 78%, rgba(255, 255, 255, .88) 100%)
}

.ys_d2page .mod_main > * {
  position: relative;
  z-index: 1
}

.clul_wrap {
  width: 100%;
  position: relative;
  background: #fff;
  border: 1px solid rgba(35, 24, 21, .2);
  border-radius: 20px;
  padding: 20px;
  transition: all .36s
}

.clul_wrap .ys_imgbox_cover {
  background: rgba(35, 24, 21, .05);
  border-radius: 10px
}

.ys_d2page .clul_wrap {
  display: flex;
  flex-direction: column;
  padding: 0;
  background: #fff;
  border-color: rgba(0, 74, 186, .1);
  border-radius: 4px;
  box-shadow: 0 12px 28px rgba(17, 46, 88, .09);
  overflow: hidden;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease
}

.ys_d2page .clul_wrap .ys_imgbox_cover {
  flex: none;
  aspect-ratio: 3 / 2;
  background: rgba(0, 74, 186, .05);
  border: 0;
  border-radius: 4px 4px 0 0
}

.ys_d2page .clul_wrap .ys_imgbox_cover > img:first-child {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0
}

.ys_d2page .clul_wrap .ys_imgbox_cover > img:nth-child(2) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}

.ys_d2page .clul_wrap_tit {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 86px;
  margin: 0;
  padding: 18px 26px 18px 46px;
  background: #006fba;
  box-sizing: border-box;
  transition: background-color .3s ease
}

.ys_d2page .clul_wrap_tit::before {
  content: '';
  position: absolute;
  left: 28px;
  top: 50%;
  width: 4px;
  height: 24px;
  background: #fff;
  transform: translateY(-50%)
}

.ys_d2page .clul_wrap_tit .std_tit20 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  height: auto !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.ys_d2page .clul_wrap > .g_button1 {
  width: 100%;
  height: 56px;
  margin: auto 0 0 !important;
  padding: 0 28px;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  box-sizing: border-box
}

.ys_d2page .clul_wrap > .g_button1 p {
  color: #24282d;
  font-size: 16px;
  line-height: 1;
  padding: 0;
  transition: color .3s ease
}

.ys_d2page .clul_wrap > .g_button1 img {
  width: 24px
}

.ys_d2page .case_list_ul_li > a {
  outline: none
}

.ys_d2page .case_list_ul_li > a:hover .clul_wrap,
.ys_d2page .case_list_ul_li > a:focus-visible .clul_wrap {
  border-color: rgba(0, 111, 186, .34);
  box-shadow: 0 20px 42px rgba(17, 46, 88, .14);
  transform: translateY(-4px)
}

.ys_d2page .case_list_ul_li > a:hover .clul_wrap_tit,
.ys_d2page .case_list_ul_li > a:focus-visible .clul_wrap_tit {
  background: #005da3
}

.ys_d2page .case_list_ul_li > a:hover .clul_wrap > .g_button1 p,
.ys_d2page .case_list_ul_li > a:focus-visible .clul_wrap > .g_button1 p {
  color: #006fba
}

.ys_d2page .case_list_ul_li > a:focus-visible .clul_wrap {
  box-shadow: 0 0 0 3px rgba(0, 111, 186, .14), 0 20px 42px rgba(17, 46, 88, .14)
}

@media screen and (max-width: 991px) {
  .ys_d2page .clul_wrap_tit {
    min-height: 78px;
    padding: 16px 22px 16px 40px
  }

  .ys_d2page .clul_wrap_tit::before {
    left: 24px;
    height: 22px
  }

  .ys_d2page .clul_wrap_tit .std_tit20 {
    font-size: 20px
  }
}

@media screen and (max-width: 767px) {
  .ys_d2page .clul_wrap_tit {
    min-height: 72px;
    padding: 14px 20px 14px 38px
  }

  .ys_d2page .clul_wrap_tit::before {
    left: 22px;
    height: 20px
  }

  .ys_d2page .clul_wrap > .g_button1 {
    height: 50px;
    padding: 0 22px
  }
}

.clul_wrap_tit .std_tit20 {
  font-weight: 700;
  color: #231815;
  height: auto !important;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.clul_wrap_tit {
  margin-top: 12px;
  margin-bottom: 30px
}

.clul_wrap_btm {
  width: 100%;
  border-top: 1px solid rgba(35, 24, 21, .2);
  padding-top: 20px;
  position: relative
}

.clul_wrap_btm::after {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background: #004ABA;
  transition: all .6s;
  opacity: 0
}

.clul_wrap_btm_ul {
  display: flex
}

.cwbu_li {
  width: 33.333333%;
  padding-right: 5px
}

.cwbu_num p {
  color: #e41f20;
  font-weight: 700
}

.cwbu_info p {
  font-size: 14px;
  color: rgba(35, 24, 21, .5);
  line-height: 1.6
}

.cwbu_num {
  margin-bottom: 5px
}

.ys_e1page .ban_cont {
  width: 100%;
  position: relative
}

.ban_inpt {
  display: flex;
  margin-top: 45px
}

.ban_inpt_le {
  width: 470px;
  margin-right: 20px
}

.ban_inpt_le_inp {
  width: 100%;
  background: rgba(255, 255, 255, .2);
  border: 1px solid #fff;
  backdrop-filter: blur(4px);
  border-radius: 8px;
  height: 100%
}

.ban_inpt_le_inp input {
  width: 100%;
  height: 100%;
  padding: 0 24px;
  color: #fff;
  font-size: 16px
}

.ban_inpt_le_inp input::-webkit-input-placeholder {
  color: #fff
}

.ban_inpt_le_inp input:-moz-placeholder {
  color: #fff
}

.ban_inpt_le_inp input::-moz-placeholder {
  color: #fff
}

.ban_inpt_le_inp input:-ms-input-placeholder {
  color: #fff
}

.quest_cont {
  width: 100%;
  position: relative;
  padding-top: 60px !important
}

.quest_cont_top {
  width: 100%;
  position: relative;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05);
  border-radius: 20px;
  padding: 40px 50px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px
}

.quest_cont_top_le p {
  color: #231815
}

.quest_cont_top_le {
  width: 130px
}

.quest_cont_top_ri {
  width: calc(100% - 130px)
}

.qctr_li,
.qctr_li1 {
  border: 1px solid rgba(35, 24, 21, .2);
  border-radius: 5px;
  padding: 4px 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all .36s;
  margin-right: 38px;
  margin-bottom: 18px
}

.qctr_ul {
  display: flex;
  flex-wrap: wrap
}

.qctr_li img {
  width: 24px;
  margin-left: 16px
}

.qctr_li img {
  display: none
}

.qctr_li p {
  color: #231815;
  transition: all .36s
}

.qctr_li.on {
  background: #e41f20;
  border-color: #fff
}

.qctr_li.on p {
  color: #fff
}

.qctr_li.on img {
  display: block
}

.qctr_li {
  display: none
}

.qctr_li:nth-child(-n+17) {
  display: flex
}

.qctr_ul.on .qctr_li {
  display: flex
}

.quest_cont_btn_li p {
  border: 1px solid #e41f20;
  border-radius: 5px;
  line-height: 40px;
  color: #e41f20;
  min-width: 140px;
  padding: 0 20px;
  text-align: center
}

.quest_cont_btn {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 60px
}

.quest_cont_btn_li {
  cursor: pointer;
  margin-left: 40px
}

.quest_cont_btn_li2 p {
  color: #fff;
  background: #e41f20
}

.quest_cont_list_li {
  width: 100%;
  position: relative;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05);
  border-radius: 20px;
  padding: 50px;
  margin-bottom: 40px
}

.quest_cont_list_li:last-child {
  margin-bottom: 0
}

.qcll_tit .std_tit4 {
  color: #231815
}

.qcll_tit {
  margin-bottom: 40px
}

.qcll_li {
  border: 1px solid rgba(35, 24, 21, .2);
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 20px;
  cursor: pointer
}

.qcll_li_top {
  width: 100%;
  display: flex
}

.qcll_li_top_le p {
  color: rgba(35, 24, 21, .8);
  transition: all .36s
}

.qcll_li_top_ri {
  width: 24px
}

.qcll_li_top_le {
  width: calc(100% - 24px);
  padding-right: 15px
}

.qcll_li_btm {
  width: 100%;
  border-top: 1px solid rgba(35, 24, 21, .2);
  padding-top: 16px;
  margin-top: 20px;
  display: none
}

.qcll_li_btm p {
  color: rgba(35, 24, 21, .6)
}

.qcll_li:last-child {
  margin-bottom: 0
}

.qcll_li .ys_imgbox_cover img:nth-child(2) {
  opacity: 0
}

.qcll_li.on .ys_imgbox_cover img:nth-child(1) {
  opacity: 0
}

.qcll_li.on .ys_imgbox_cover img:nth-child(2) {
  opacity: 1
}

.qcll_li.on .qcll_li_top_le p {
  color: #231815;
  font-weight: 700
}

.down_cont_swi {
  display: flex;
  margin: 0 -24px;
  margin-bottom: 40px
}

.down_cont_swi_li {
  width: 33.333333%;
  padding: 0 24px
}

.dcsl_wrap {
  width: 100%;
  border: 1px solid rgba(35, 24, 21, .2);
  border-radius: 10px;
  transition: all .36s
}

.dcsl_le {
  width: 64px
}

.dcsl_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 15px
}

.dcsl_ri p {
  color: #231815;
  transition: all .36s
}

.dcsl_ri {
  padding-left: 8px
}

.dcsl_wrap img {
  transform: scale(1) !important
}

.down_cont_swi_li.act .dcsl_wrap {
  background: #004ABA;
  border-color: #004ABA
}

.down_cont_swi_li.act .ys_imgbox_cover img:nth-child(1) {
  opacity: 1
}

.down_cont_swi_li.act .ys_imgbox_cover img:nth-child(2) {
  opacity: 0
}

.down_cont_swi_li.act .dcsl_ri p {
  color: #fff
}

.down_cont {
  padding-top: 60px
}

/* .down_list {
  padding-top: 0 !important
} */

.down_list_cont {
  width: 100%;
  position: relative;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05);
  border-radius: 20px;
  padding: 50px
}

.dlul_link {
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid rgba(35, 24, 21, .2);
  border-radius: 10px;
  padding: 20px 24px
}

.dlul_ri {
  width: 24px
}

.dlul_ri img {
  width: 100%
}

.dlul_le {
  width: calc(100% - 24px);
  display: flex;
  align-items: center;
  padding-right: 30px
}

.dlul_le_icon {
  width: 24px;
  flex: none
}

.dlul_le_icon img {
  width: 100%
}

.dlul_le_tit p {
  color: rgba(35, 24, 21, .8);
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  transition: all .36s
}

.dlul_le_icon {
  margin-left: 32px
}

.down_list_ul_li {
  width: 100%;
  margin-bottom: 20px
}

.down_list_ul_li:last-child {
  margin-bottom: 0
}

.down_video {
  width: 100%;
  position: relative
}

.down_video_ul {
  margin: 0 -24px;
  display: flex;
  flex-wrap: wrap
}

.down_video_li {
  width: 33.333333%;
  padding: 0 24px;
  margin-bottom: 40px
}

.down_video_li_wrap {
  width: 100%;
  position: relative;
  background: #fff;
  border: 1px solid rgba(35, 24, 21, .2);
  border-radius: 20px;
  padding: 20px;
  transition: all .36s
}

.dvlw_top {
  width: 100%;
  position: relative;
  padding-bottom: 24px;
  cursor: pointer
}

.dvlw_top .ys_imgbox_cover {
  border-radius: 10px
}

.dvlw_top_tit p {
  color: #231815;
  transition: all .36s;
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  transition: all .36s
}

.dvlw_top_tit {
  margin-top: 8px
}

.dvlw_btm_le p {
  font-size: 16px;
  line-height: 1.5;
  color: #231815
}

.dvlw_btm_ri {
  width: 24px
}

.dvlw_btm_ri img {
  width: 100%
}

.dvlw_btm a {
  display: flex;
  justify-content: flex-end;
  align-items: center
}

.dvlw_btm_le {
  padding-right: 8px
}

.ys_b1page .ban_cont {
  width: 60%
}

.ys_b1page .ban_info p {
  margin-bottom: 20px
}

.ys_b1page .ban_more {
  margin-top: 46px
}

.ys_b1page .mod_more_link {
  background: 0 0;
  border: 1px solid #fff
}

.ys_b1page .mod_more_le p {
  line-height: 42px
}

.compa_devel {
  width: 100%;
  position: relative
}

.ys_b1page .compa_devel {
  background: #f7fbff url("/static/img/hx-about-bg-20260629.png") center top / cover no-repeat fixed;
  overflow: hidden
}

.compa_devel::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, .42);
  z-index: 0;
  pointer-events: none
}

.ys_b1page .compa_devel::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .72) 0%, rgba(255, 255, 255, .48) 46%, rgba(238, 245, 251, .82) 100%),
    linear-gradient(115deg, rgba(0, 74, 186, .12) 0%, rgba(0, 74, 186, 0) 42%);
}

.ys_b1page .compa_devel::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .48;
  background:
    linear-gradient(90deg, rgba(0, 74, 186, .055) 1px, transparent 1px),
    linear-gradient(180deg, rgba(0, 74, 186, .04) 1px, transparent 1px),
    linear-gradient(120deg, transparent 0%, transparent 56%, rgba(0, 74, 186, .08) 56%, rgba(0, 74, 186, .08) 57%, transparent 57%, transparent 100%);
  background-size: 64px 64px, 64px 64px, 100% 100%;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .2) 54%, transparent 100%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .2) 54%, transparent 100%);
}

.ys_b1page .compa_devel > .ys_cont1440 {
  position: relative;
  z-index: 1;
}

.compa_devel_cont {
  width: 100%;
  position: relative;
  z-index: 1
}

.compa_devel_btm {
  width: 100%;
  position: relative
}

.cdbu_li {
  width: 20%;
  padding-bottom: 10px;
  display: none
}

.cdbu_li:first-child {
  display: block
}

.cdbu_wrap {
  width: 100%;
  height: 100%;
  min-height: 365px;
  position: relative;
  padding: 18px 20px 24px 22px;
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 38, 94, .12);
  overflow: hidden;
  isolation: isolate;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  transition: transform .34s cubic-bezier(.16, 1, .3, 1), border-color .34s cubic-bezier(.16, 1, .3, 1), box-shadow .34s cubic-bezier(.16, 1, .3, 1), background-color .34s cubic-bezier(.16, 1, .3, 1)
}

.cdbu_wrap::before {
  content: '';
  position: absolute;
  inset: -28%;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 18%, rgba(0, 74, 186, .07) 40%, rgba(255, 255, 255, .72) 50%, rgba(0, 74, 186, .1) 60%, transparent 82%);
  transform: translate3d(-62%, 0, 0)
}

.cdbu_wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(180deg, rgba(0, 74, 186, .09), rgba(0, 74, 186, 0) 46%),
    linear-gradient(90deg, rgba(0, 74, 186, .12), transparent 34%);
  transition: opacity .34s cubic-bezier(.16, 1, .3, 1)
}

.cdbu_wrap_tit,
.cdbu_wrap_info {
  position: relative;
  z-index: 1
}

.cdbu_wrap_tit .std_tit4 {
  font-family: poppins;
  color: #004ABA;
  line-height: 1.5;
  font-weight: 700;
  transition: color .34s cubic-bezier(.16, 1, .3, 1)
}

.cdbu_wrap_tit {
  margin-bottom: 14px
}

.cdbu_wrap_info p {
  color: rgba(20, 25, 34, .86);
  line-height: 1.6;
  margin-bottom: 10px;
  padding-left: 0;
  position: relative;
  text-align: justify;
}

.cdbu_wrap_info p::after {
  display: none
}

.cdbu_wrap_line {
  position: absolute;
  left: 2px;
  top: 0;
  width: 2px;
  height: 100%;
  background: rgba(21, 37, 50, .2);
  display: flex;
  align-items: flex-end;
  z-index: 2
}

.cdbu_wrap_line span {
  width: 100%;
  display: block;
  background: #004ABA;
  transition: background .34s cubic-bezier(.16, 1, .3, 1), box-shadow .34s cubic-bezier(.16, 1, .3, 1), filter .34s cubic-bezier(.16, 1, .3, 1)
}

.cdbu_wrap_line::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../img/lc_dian.svg);
  background-size: 100% 100%;
  width: 16px;
  height: 16px;
  transition: transform .34s cubic-bezier(.16, 1, .3, 1), filter .34s cubic-bezier(.16, 1, .3, 1)
}

.cdbu_wrap_dots {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 102%;
  display: flex;
  justify-content: space-between;
  z-index: 2
}

.cdbu_wrap_dots span {
  width: 6px;
  height: 6px;
  background: rgb(0 74 186 / 50%);
  border-radius: 50%;
  display: block;
  transform-origin: center;
  transition: background-color .24s ease, opacity .24s ease
}

@keyframes hxTimelineScan {
  0% {
    opacity: 0;
    transform: translate3d(-62%, 0, 0)
  }

  12% {
    opacity: 1
  }

  82% {
    opacity: 1
  }

  100% {
    opacity: 0;
    transform: translate3d(62%, 0, 0)
  }
}

@keyframes hxTimelineDot {
  0%,
  100% {
    opacity: .58;
    transform: scale(1)
  }

  36% {
    opacity: 1;
    transform: scale(1.55)
  }
}

@media screen and (min-width: 1200px) and (hover: hover) {
  .cdbu_wrap:hover {
    transform: translateY(-8px);
    background-color: rgba(255, 255, 255, .9);
    border-color: rgba(0, 74, 186, .28);
    box-shadow: 0 18px 42px rgba(0, 74, 186, .14), 0 10px 22px rgba(0, 38, 94, .08)
  }

  .cdbu_wrap:hover::before {
    opacity: 1;
    animation: hxTimelineScan 1.12s cubic-bezier(.16, 1, .3, 1) both
  }

  .cdbu_wrap:hover::after {
    opacity: 1
  }

  .cdbu_wrap:hover .cdbu_wrap_tit .std_tit4 {
    color: #003f9f
  }

  .cdbu_wrap:hover .cdbu_wrap_line span {
    background: linear-gradient(180deg, #2f7dea 0%, #004ABA 100%);
    box-shadow: 0 0 12px rgba(0, 74, 186, .42);
    filter: saturate(1.08)
  }

  .cdbu_wrap:hover .cdbu_wrap_line::after {
    transform: translateX(-50%) scale(1.1);
    filter: drop-shadow(0 0 8px rgba(0, 74, 186, .42))
  }

  .cdbu_wrap:hover .cdbu_wrap_dots span {
    background: rgb(0 74 186 / 76%);
    animation: hxTimelineDot .88s ease-in-out infinite
  }

  .cdbu_wrap:hover .cdbu_wrap_dots span:nth-child(2) {
    animation-delay: .07s
  }

  .cdbu_wrap:hover .cdbu_wrap_dots span:nth-child(3) {
    animation-delay: .14s
  }

  .cdbu_wrap:hover .cdbu_wrap_dots span:nth-child(4) {
    animation-delay: .21s
  }

  .cdbu_wrap:hover .cdbu_wrap_dots span:nth-child(5) {
    animation-delay: .28s
  }

  .cdbu_wrap:hover .cdbu_wrap_dots span:nth-child(6) {
    animation-delay: .35s
  }
}

@media (prefers-reduced-motion: reduce) {
  .cdbu_wrap,
  .cdbu_wrap::before,
  .cdbu_wrap::after,
  .cdbu_wrap_tit .std_tit4,
  .cdbu_wrap_line span,
  .cdbu_wrap_line::after,
  .cdbu_wrap_dots span {
    transition: none !important;
    animation: none !important
  }

  .cdbu_wrap:hover {
    transform: none !important
  }

  .cdbu_wrap:hover::before {
    opacity: 0 !important
  }

  .cdbu_wrap:hover .cdbu_wrap_line::after {
    transform: translateX(-50%) !important
  }

  .cdbu_wrap:hover .cdbu_wrap_dots span {
    transform: none !important
  }
}

.compa_devel_btm_ul {
  display: flex;
  align-items: stretch;
  margin: 0 -15px;
  margin-bottom: 40px
}

.compa_devel_btm_ul .slick-track {
  height: 100%
}

.compa_devel_btm_ul .slick-list {
  width: 100%
}

.compa_devel_btm_ul .slick-list {
  padding: 0 15px
}

.compa_devel_btm_btn {
  width: 100%;
  display: flex;
  justify-content: flex-end
}

.compa_innov {
  width: 100%;
  position: relative;
  padding-top: 60px
}

.compa_innov_cont {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap
}

.compa_innov_le {
  width: 40%;
  position: relative
}

.compa_innov_le_li .ys_imgbox_cover {
  border-radius: 20px
}

.compa_innov_le_li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all .5s
}

.compa_innov_le_li:first-child {
  position: relative
}

.compa_innov_ri {
  width: 60%;
  padding-left: 125px
}

.cirl_li {
  width: 100%;
  border-bottom: 1px solid rgba(35, 24, 21, .2);
  transition: all .36s;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 20px;
  position: relative;
  margin-bottom: 40px
}

.cirl_li:last-child {
  margin-bottom: 0
}

.cirl_wrap {
  padding: 20px 40px;
  position: relative;
  overflow: hidden;
  border-radius: 20px
}

.cirl_li::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid rgba(35, 24, 21, .2);
  transition: all .36s;
  overflow: hidden
}

.cirl_tit .std_tit4 {
  color: #231815;
  line-height: 1.4;
  transition: all .36s
}

.cirl_info p {
  color: rgba(35, 24, 21, .6);
  transition: all .36s
}

.cirl_tit {
  margin-bottom: 16px
}

.cirl_li .idlu_wrap_desz {
  width: 29%
}

.compa_quali {
  width: 100%;
  position: relative;
  background: linear-gradient(180deg, #f8f8f8 0, rgba(248, 248, 248, 0) 61.57%)
}

.compa_quali_cont {
  width: 100%;
  position: relative
}

.compa_quali_cont .invite_handl_top {
  align-items: flex-end
}

.compa_quali_btm_img {
  width: 100%
}

.compa_quali_btm_img img {
  width: 100%;
  border-radius: 20px
}

.compa_quali_btm_ul {
  width: 100%;
  padding: 0 50px;
  display: flex;
  justify-content: space-between;
  margin-top: -80px
}

.cqbu_li {
  width: 42%;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 69, 119, .16), 0 8px 24px rgba(0, 69, 119, .08);
  border-radius: 20px;
  padding: 20px 40px
}

.cqbu_icon {
  width: 64px;
  margin-bottom: 16px
}

.cqbu_tit .std_tit4 {
  color: #000;
  line-height: 1.4
}

.cqbu_info p {
  color: rgba(35, 24, 21, .6);
  line-height: 1.6
}

.cqbu_tit {
  margin-bottom: 16px
}

.compa_enter {
  width: 100%;
  padding: 100px 60px;
  background: #f8f8f8;
}

.compa_enter_bg {
  width: 100%;
  padding: 68px 0;
  border-radius: 40px
}

.compa_enter_le .invite_devel_tit .std_tit2 {
  color: #fff
}

.compa_enter_le {
  width: 32%;
  padding-right: 20px
}

.compa_enter_ri {
  width: 68%
}

.compa_enter_ri_ul {
  margin: 0 -30px;
  display: flex
}

.ceru_li {
  width: 33.333333%;
  padding: 0 30px
}

.ceru_wrap {
  width: 100%;
  height: 100%;
  position: relative;
  background: rgba(255, 255, 255, .1);
  backdrop-filter: blur(4px);
  border-radius: 20px;
  padding: 35px 12px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center
}

.compa_enter_cont {
  width: 100%;
  display: flex;
  align-items: center
}

.ceru_wrap .ys_imgbox_cover {
  width: 64px;
  margin: 0 auto;
  margin-bottom: 16px
}

.ceru_wrap_tit .mod_tit32 {
  font-weight: 700;
  color: #fff
}

.ceru_wrap_info p {
  color: #fff
}

.ceru_wrap_tit {
  margin-bottom: 10px
}

.ceru_wrap_info p span {
  padding: 0 10px
}

.compa_layou {
  width: 100%;
  position: relative;
  padding-bottom: 0 !important
}

.compa_layou_cont {
  width: 100%;
  padding: 0 34px
}

.compa_cooper_btm {
  width: 100%;
  position: relative
}

.compa_cooper_btm::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(90deg, #fff 19.8%, rgba(255, 255, 255, 0) 100%)
}

.compa_cooper_btm::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  pointer-events: none;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  z-index: 10;
  background: linear-gradient(90deg, #fff 19.8%, rgba(255, 255, 255, 0) 100%)
}

.compa_cooper_btm_li {
  display: flex
}

.ccbl_cont {
  display: flex
}

.ccbl_wrap {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  width: 320px;
  margin-right: 64px;
  position: relative;
  display: block;
}

.ccbl_wrap .ys_imgbox_cover {
  aspect-ratio: 16 / 9;
}

@media screen and (max-width: 1440px) {
  .ccbl_wrap {
    width: 280px;
    margin-right: 48px;
  }
}

@media screen and (max-width: 768px) {
  .ccbl_wrap {
    width: 220px;
    margin-right: 24px;
  }
}

.ccbl_wrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset -4px -4px 16px 4px rgba(191, 228, 255, .2), inset 4px 4px 16px 4px rgba(191, 228, 255, .2);
  z-index: 10
}

.ccbl_cont {
  animation: donghua1 30s linear infinite
}

@keyframes donghua1 {
  from {
    transform: translateX(0)
  }

  to {
    transform: translateX(-100%)
  }
}

.compa_cooper_btm_li1 {
  margin-bottom: 40px
}

.compa_cooper_btm_li2 .ccbl_cont {
  animation-delay: 1.6s
}

.compa_layou_cont_svg {
  position: relative
}

.compa_layou_cont_svg svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.compa_layou_cont_svg img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10
}

.page_cont {
  width: 100%;
  position: relative
}

.page_cont_wrap {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap
}

.page_cont_ri {
  width: 375px
}

.page_cont_le {
  width: calc(100% - 375px);
  padding-right: 123px
}

.page_cont_le_tit .std_tit3 {
  color: #231815;
  line-height: 1.3;
  font-weight: 700
}

.pclt_le {
  width: 24px
}

.pclt_le img {
  width: 100%
}

.pclt_ri p {
  font-size: 14px;
  line-height: 1.5;
  color: #231815
}

.pclt_ri {
  padding-left: 8px
}

.page_cont_le_tim {
  display: flex;
  align-items: center;
  margin-bottom: 23px
}

.page_cont_le_tit {
  margin-bottom: 24px
}

.page_cont_le_btm {
  width: 100%;
  border-top: 1px solid rgba(35, 24, 21, .2);
  border-bottom: 1px solid rgba(35, 24, 21, .2);
  padding-top: 40px;
  padding-bottom: 25px;
  margin-bottom: 40px
}

.page_cont_le_btm p {
  line-height: 1.6;
  color: rgba(35, 24, 21, .6);
  margin-bottom: 14px
}

.ys_f2_2page .page_cont_le_btm ul,
.ys_f2_2page .page_cont_le_btm ol {
  margin: 0;
  padding-left: 0;
}

.ys_f2_2page .page_cont_le_btm ul li,
.ys_f2_2page .page_cont_le_btm ol li {
  position: relative;
  font-size: 16px;
  line-height: 1.9;
  color: rgba(35, 24, 21, .72);
  margin-bottom: 10px;
  padding-left: 20px;
  word-break: break-word;
}

.ys_f2_2page .page_cont_le_btm ul li::before {
  content: '';
  position: absolute;
  top: .82em;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #004ABA;
}

.ys_f2_2page .page_cont_le_btm ol {
  counter-reset: hx-news-ol;
}

.ys_f2_2page .page_cont_le_btm ol li {
  padding-left: 28px;
}

.ys_f2_2page .page_cont_le_btm ol li::before {
  counter-increment: hx-news-ol;
  content: counter(hx-news-ol) ".";
  position: absolute;
  top: 0;
  left: 0;
  color: #004ABA;
  font-weight: 700;
}

.ys_f2_2page .page_cont_le_btm ul li:last-child,
.ys_f2_2page .page_cont_le_btm ol li:last-child {
  margin-bottom: 0;
}

.page_cont_le_link {
  display: flex;
  justify-content: center
}

.page_cont_le_link .mod_more_link {
  background: 0 0;
  border: 1px solid #004ABA;
  min-width: 262px;
  display: flex;
  justify-content: center
}

.page_cont_le_link .mod_more_le p {
  color: #004ABA;
  transition: all .36s
}

.page_cont_ri_share {
  width: 100%;
  position: relative;
  margin-bottom: 50px
}

.pcrs_top {
  margin-bottom: 28px
}

.ys_share_img {
  width: 48px
}

.pcrn_li {
  border-top: 1px solid rgba(35, 24, 21, .1);
  width: 100%
}

.pcrn_li_wrap_top p {
  color: rgba(35, 24, 21, .6)
}

.pcrn_li_wrap_btm p {
  color: #231815;
  transition: all .36s;
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.pcrn_li a {
  display: block;
  padding: 20px 0 35px
}

.pcrn_li_wrap_top {
  margin-bottom: 10px
}

.detai_wrap {
  width: 100%;
  position: relative;
  min-height: 100vh
}

.detai_wrap_le {
  position: fixed;
  top: 0;
  left: 0;
  width: 42%;
  height: 100vh;
  background: #f8f8f8;
  padding: 170px 50px 50px
}

.detai_wrap_cont {
  width: 100%;
  display: flex;
  justify-content: flex-end
}

.detai_wrap_ri {
  width: 61%;
  padding-left: 100px !important
}

.detai_wrap_le_top {
  width: 100%;
  position: relative;
  margin-bottom: 148px
}

.dwlt_li {
  width: 100%;
  position: relative;
  display: none
}

.dwlt_li:first-child {
  display: block
}

.dwlt_li .ys_imgbox_cover img:last-child {
  object-fit: cover;
  object-position: center 68%;
}

.detai_wrap_le_btm {
  width: 100%;
  position: relative;
  padding: 0 80px;
  display: flex;
  align-items: center;
  max-width: 700px;
  margin: 0 auto
}

.dwlb_le {
  width: 208px
}

.dwlb_ri {
  width: calc(100% - 208px);
  padding-left: 32px;
  position: relative
}

.dwlb_ri::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  width: 1px;
  height: 40px;
  background: #004ABA
}

.dwlb_le_li_wrap .ys_imgbox_cover {
  width: 32px;
  margin: 0 auto
}

.dllw_info p {
  color: #fff;
  line-height: 1.6
}

.dwlb_le_ul {
  display: flex;
  margin: 0 -8px
}

.dwlb_le_li {
  width: 50%;
  padding: 0 8px
}

.dwlb_le_li_wrap {
  width: 100%;
  background: #004ABA;
  border-radius: 10px;
  text-align: center;
  padding: 12px 10px;
  cursor: pointer;
  transition: all .36s
}

.dwlb_le_li .ys_imgbox_cover img {
  transform: scale(1) !important
}

.dwlb_ri_li {
  width: 50%;
  padding: 0 8px;
  position: relative;
  margin: 8px 0;
  cursor: pointer;
  display: none
}

.dwlb_ri_li:first-child {
  display: block
}

.dwlb_ri_li::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  background: #004ABA;
  border-radius: 2px;
  width: 42px;
  height: 2px;
  transition: all .36s;
  opacity: 0
}

.dwlb_ri_ul {
  margin: 0 -8px
}

.dwlb_ri_li .ys_imgbox_cover {
  background: #fff;
  border-radius: 10px
}

.dwlb_ri_li .ys_imgbox_cover img:last-child {
  object-fit: cover;
  object-position: center 68%;
}

.dwlb_ri_li.slick-current::after {
  opacity: 1
}

.detai_wrap_ri_wrap {
  width: 100%;
  position: relative
}

.dwrw_top_tit .std_tit2 {
  font-weight: 700;
  line-height: 1.2;
  color: #231815
}

.dwrw_top_info p {
  color: #004ABA
}

.dwrw_top_tit {
  margin-bottom: 8px
}

.dwrw_top {
  margin-bottom: 50px
}

.dwrw_list {
  width: 100%;
  position: relative
}

.dwrw_list_li_top p {
  font-size: 18px;
  color: #231815;
  line-height: 1.5
}

.dwrw_list_li_top {
  border-bottom: 1px solid rgba(35, 24, 21, .2);
  padding-bottom: 7px;
  margin-bottom: 24px
}

.dlll_li {
  width: 50%;
  position: relative;
  padding: 0 12px;
  margin-bottom: 24px
}

.dlll_li::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 24px;
  background: rgba(35, 24, 21, .2)
}

.dlll_wrap {
  width: 100%;
  display: flex
}

.dlll_wrap_le {
  width: 48px
}

.dlll_wrap_ri {
  width: calc(100% - 48px);
  padding-left: 4px
}

.dlll_wrap_ri_tit p {
  color: #231815;
  line-height: 1.6;
  font-weight: 700
}

.dlll_wrap_ri_tit {
  margin-bottom: 8px
}

.dlll_wrap_ri_info p {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(35, 24, 21, .6)
}

.dwrw_list_li_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px
}

.dlll_li:nth-child(2n)::after {
  display: none
}

.dwrw_list_li {
  margin-bottom: 40px
}

.dwrw_list_li2 .dlll_li {
  width: 100%
}

.dwrw_list_li2 .dlll_li::after {
  display: none
}

.dlil_ri {
  width: 42%
}

.dlil_le {
  width: 58%;
  padding-right: 48px
}

.dwrw_list_img_li {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row-reverse
}

.dwrw_list_img_li:nth-child(2n) {
  flex-direction: row
}

.dwrw_list_img_li:nth-child(2n) .dlil_le {
  padding-right: 0;
  padding-left: 48px
}

.dlla_arran {
  width: 33.333333%;
  padding: 0 10px;
  margin-bottom: 20px
}

.dwrw_list_li_applic {
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap
}

.dlla_arran_wrap {
  width: 100%
}

.dlla_arran_wrap p {
  padding-left: 12px;
  color: #231815;
  position: relative
}

.dlla_arran_wrap p::after {
  content: '';
  position: absolute;
  top: 11px;
  left: 0;
  width: 4px;
  height: 4px;
  background: #231815;
  border-radius: 50%
}

.dllc_car {
  width: 33.333333%;
  padding: 0 4px;
  margin-bottom: 8px
}

.dwrw_list_li_car {
  margin: 0 -4px;
  display: flex;
  flex-wrap: wrap
}

.dllc_car_wrap {
  width: 100%;
  position: relative
}

.dllc_car_wrap .ys_imgbox_cover {
  border-radius: 10px
}

.dllc_car_wrap .ys_imgbox_cover::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 69, 119, 0) 53.12%, #152532 100%), rgba(0, 69, 119, .1)
}

.dllc_car_wrap_info {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px
}

.dllc_car_wrap_info p {
  color: #fff
}

.dwrw_list_li_overvi p {
  color: rgba(35, 24, 21, .6);
  line-height: 1.6
}

.dwrw_list_li_param {
  width: 100%;
  position: relative
}

.dllp_top .dlul_link {
  background: #004ABA;
  padding: 10px 24px;
  border-color: #004ABA
}

.dllp_top .dlul_le_tit p {
  color: #fff !important
}

.dllp_top .dlul_le_icon {
  margin-left: 10px
}

.dllp_top {
  margin-bottom: 16px
}

.dllp_btm_li {
  width: 100%;
  position: relative;
  border: 1px solid rgba(35, 24, 21, .2);
  border-radius: 10px;
  padding: 20px 24px;
  margin-bottom: 16px;
  cursor: pointer
}

.dllp_btm_li_top {
  width: 100%;
  display: flex
}

.dllp_btm_li_btm {
  border-top: 1px solid rgba(35, 24, 21, .2);
  width: 100%;
  margin-top: 10px;
  padding-top: 16px;
  display: none
}

.dtlt_info {
  width: calc(100% - 24px);
  padding-right: 15px
}

.dtlt_icon {
  width: 24px;
  margin-top: 2px
}

.dtlt_info p {
  color: #231815
}

.dtlt_icon .ys_imgbox_cover img:nth-child(1) {
  opacity: 0
}

.dblb_li {
  display: flex;
  margin-bottom: 16px
}

.dblb_li:last-child {
  margin-bottom: 0
}

.dblb_le p {
  color: rgba(35, 24, 21, .6)
}

.dblb_ri p {
  color: #231815
}

.dblb_le {
  width: 20%;
  padding-right: 15px
}

.dblb_ri {
  width: 80%
}

.dllp_btm_li.on .dtlt_icon .ys_imgbox_cover img:nth-child(1) {
  opacity: 1
}

.dllp_btm_li.on .dtlt_icon .ys_imgbox_cover img:nth-child(2) {
  opacity: 0
}

.dwrw_list_li_intel {
  width: 100%;
  position: relative;
  min-height: 240px;
  border-radius: 15px;
  overflow: hidden;
  z-index: 1;
  padding: 40px;
  display: flex;
  align-items: center
}

.dwrw_list_li_intel::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(0deg, rgba(0, 69, 119, .6), rgba(0, 69, 119, .6))
}

.dlli_more .mod_more_link {
  background: 0 0;
  border: 1px solid #fff
}

.dlli_more .mod_more_le p {
  line-height: 40px
}

.dlli_tit .mod_tit32 {
  color: #fff
}

.dlli_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.dlli_more {
  flex: none
}

.dlli_tit {
  padding-right: 20px
}

.dwrw_list_li_case {
  width: 100%
}

.dllc_case a {
  display: flex;
  padding: 20px;
  border: 1px solid rgba(35, 24, 21, .2);
  border-radius: 10px;
  transition: all .36s
}

.dllc_case_le {
  width: 44%
}

.dllc_case_ri {
  width: 56%;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.dllc_case_le .ys_imgbox_cover {
  border-radius: 10px
}

.dllc_case_ri_top p {
  color: #231815;
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.dcrb_list_tit p {
  color: #e41f20;
  font-weight: 700
}

.dcrb_list_info p {
  color: rgba(35, 24, 21, .5);
  line-height: 1.6;
  font-size: 14px
}

.dllc_case_ri_btm {
  display: flex
}

.dcrb_list {
  width: 33.333333%
}

.dllc_case {
  margin-bottom: 20px
}

.dwrw_more {
  width: 100%
}

.dwrw_more .mod_more {
  width: 100%
}

.suppo_highl {
  width: 100%;
  position: relative
}

.suppo_highl_cont {
  width: 100%;
  position: relative
}

.suppo_highl_btm {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap
}

.shbl_wrap {
  width: 100%;
  box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05);
  border-radius: 20px;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.suppo_highl_btm_le .shbl_wrap {
  height: 520px
}

.suppo_highl_btm_le {
  width: 56%
}

.suppo_highl_btm_ri {
  width: 44%;
  padding-left: 48px
}

.shbl_wrap_top_ri {
  width: 48px
}

.shbl_wrap_top_ri img {
  width: 100%
}

.shbl_wrap_top_le {
  width: calc(100% - 48px);
  padding-right: 15px;
  margin-top: 3px
}

.shbl_wrap_top {
  display: flex
}

.shbl_wrap_top_le .mod_tit32 {
  color: #fff;
  line-height: 1.3
}

.shbl_wrap_btm p {
  color: rgba(255, 255, 255, .8)
}

.suppo_highl_btm_ri .shbl_wrap {
  padding: 40px 20px;
  height: 236px;
  margin-bottom: 48px
}

.suppo_highl_btm_ri .shbl_wrap:last-child {
  margin-bottom: 0
}

.suppo_conta_cont {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end
}

.suppo_conta_le {
  width: 51%
}

.suppo_conta_le img {
  width: 100%
}

.suppo_conta_ri {
  width: 49%;
  padding-right: 100px;
  padding-bottom: 100px
}

.suppo_conta_ri_tit .std_tit3 {
  color: #231815;
  line-height: 1.3;
  font-weight: 700
}

.scrm_ri p {
  color: #e41f20;
  transition: all .36s
}

.scrm_le {
  width: 24px;
  flex: none
}

.scrm_le img {
  width: 100%
}

.scrm_ri {
  padding-left: 16px
}

.suppo_conta_ri_more a {
  display: flex;
  align-items: center;
  border: 1px solid #e41f20;
  border-radius: 5px;
  padding: 11px 15px;
  justify-content: center
}

.suppo_conta_ri_tit {
  margin-bottom: 70px
}

.suppo_conta_ri_more {
  width: 80%
}

.suppo_conta {
  position: relative;
  width: 100%;
  z-index: 1
}

.suppo_conta::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 62%;
  background: rgba(21, 37, 50, .05);
  z-index: -1
}

.new_wrap {
  width: 100%;
  position: relative;
  padding-top: 80px
}

.ys_f1page .mod_main {
  position: relative;
  isolation: isolate;
  background: #eef5fb
}

.ys_f1page .mod_main::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: url("/static/img/hx-news-bg-20260630.jpg") center top / cover no-repeat;
  opacity: .52;
  transform: scale(1.01);
  transform-origin: center top
}

.ys_f1page .mod_main::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(243, 248, 253, .58) 0%, rgba(243, 248, 253, .78) 44%, rgba(240, 246, 252, .94) 100%),
    linear-gradient(105deg, rgba(0, 74, 186, .14) 0%, rgba(0, 74, 186, .05) 34%, rgba(255, 255, 255, .62) 78%, rgba(255, 255, 255, .84) 100%)
}

.ys_f1page .mod_main > * {
  position: relative;
  z-index: 1
}

.new_wrap_cont {
  width: 100%;
  position: relative
}

.ys_f1page .down_cont_swi_li {
  width: 50%
}

.ys_f1page .dcsl_le {
  width: 48px
}

.new_wrap_list {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 12px
}

.new_wrap_list_li {
  width: 50%;
  padding: 0 24px;
  margin-bottom: 48px
}

.new_wrap_list {
  margin: 0 -24px
}

.nwll_wrap {
  width: 100%;
  background: #fff;
  border: 1px solid rgba(35, 24, 21, .1);
  border-radius: 20px;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  transition: all .36s
}

.nwll_le {
  width: 43%
}

.nwll_ri {
  width: 57%;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.nwll_le .ys_imgbox_cover {
  border-radius: 10px
}

.nwll_ri_tit .std_tit20 {
  color: #231815;
  line-height: 1.4;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  transition: all .36s;
  height: 2.8em;
  font-weight: 700
}

.nwll_ri_info p {
  color: rgba(35, 24, 21, .6);
  line-height: 1.6;
  height: 4.8em;
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.nwll_ri_tit {
  margin-bottom: 24px
}

.nwll_ri_btm .page_cont_le_tim {
  margin-bottom: 0
}

.ys_f1page .down_cont_swi {
  margin-bottom: 80px
}

.ys_f1page .dcsl_wrap {
  background: rgba(255, 255, 255, .86);
  border-color: rgba(255, 255, 255, .78);
  box-shadow: 0 12px 32px rgba(0, 69, 119, .08);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px)
}

.ys_f1page .down_cont_swi_li.act .dcsl_wrap {
  background: #004ABA;
  border-color: #004ABA;
  box-shadow: 0 14px 34px rgba(0, 74, 186, .18)
}

.ys_f1page .nwll_wrap {
  background: rgba(255, 255, 255, .9);
  border-color: rgba(255, 255, 255, .78);
  box-shadow: 0 14px 38px rgba(0, 69, 119, .09);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px)
}

.ys_f2_1page .down_cont_swi_li {
  width: 50%
}

.new_wrap_activi_top {
  width: 100%;
  position: relative;
  border-bottom: 1px solid rgba(35, 24, 21, .1);
  display: flex
}

.nwat_li a {
  color: #231815;
  padding: 8px;
  display: block;
  font-size: 18px;
  line-height: 1.6;
  position: relative;
  transition: all .36s
}

.nwat_li a::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 1px;
  background: #e41f20;
  opacity: 0;
  transition: all .36s
}

.nwat_li {
  min-width: 116px;
  text-align: center
}

.nwat_li.act a {
  color: #e41f20
}

.nwat_li.act a::after {
  opacity: 1;
  width: 100%
}

.ys_f2_1page .dcsl_le {
  width: 46px
}

.new_wrap_activi {
  padding-top: 10px
}

.new_wrap_activi_top {
  margin-bottom: 50px
}

.nwab_li {
  width: 100%;
  margin-bottom: 40px
}

.nwab_li .nwab_link {
  display: flex;
  width: 100%;
  position: relative;
  padding: 20px;
  background: #fff;
  border: 1px solid rgba(35, 24, 21, .2);
  border-radius: 20px;
  flex-wrap: wrap
}

.nwab_le {
  width: 38.5%
}

.nwab_ri {
  width: 61.5%;
  padding-left: 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.nwab_ri_top .dblb_le p {
  color: #231815
}

.nwab_ri_top .dblb_ri p {
  color: rgba(35, 24, 21, .6)
}

.ys_f2_1page .mod_more_le p {
  line-height: 40px
}

.nwab_ri_btm_wrap {
  display: inline-block
}

.nwab_ri_btm_wrap img {
  display: block
}

.nwab_ri_btm_wrap .qctr_li {
  display: flex;
  border: 1px solid #e41f20;
  background: rgba(228, 31, 32, .1)
}

.nwab_ri_btm_wrap .qctr_li p {
  color: #e41f20
}

.nwab_li:last-child {
  margin-bottom: 0
}

.stop_warp {
  width: 100%;
  position: relative
}

.stop_warp_cont {
  width: 100%;
  position: relative
}

.stop_warp_list {
  width: 100%;
  position: relative;
  padding-bottom: 30px
}

.stop_warp_list .ys_imgbox_cover {
  background: rgba(35, 24, 21, .05)
}

.nwab_le .ys_imgbox_cover {
  border-radius: 10px
}

.stop_warp_list .nwab_le {
  width: 35%
}

.stop_warp_list .nwab_ri {
  width: 65%;
  padding-left: 50px
}

.stop_warp_ri_btm {
  border-top: 1px solid rgba(35, 24, 21, .2);
  display: flex;
  align-items: center;
  padding-top: 20px;
  cursor: pointer
}

.swrb_ri {
  width: 16px;
  margin-top: 2px
}

.swrb_ri img {
  width: 100%
}

.swrb_le p {
  color: #e41f20
}

.swrb_le {
  padding-right: 8px
}

.stop_warp_list .nwab_li {
  margin-bottom: 20px
}

.ys_modal_content {
  width: 1200px;
  border: 1px solid #e41f20;
  border-radius: 20px;
  padding: 40px 50px
}

.quest_pop {
  width: 100%;
  position: relative
}

.quest_pop_tit .stop_warp_ri_btm {
  padding-top: 0 !important;
  border: none
}

.quest_pop .swrb_le .std_tit4 {
  font-size: 24px
}

.quest_pop .swrb_ri {
  width: 24px
}

.quest_pop .swrb_le {
  padding-right: 16px
}

.quest_pop_tit {
  margin-bottom: 35px
}

.quest_pop_info p {
  color: rgba(35, 24, 21, .5);
  margin-bottom: 10px
}

.quest_pop_info2 p {
  margin-bottom: 0
}

.quest_pop_info1 {
  margin-bottom: 30px
}

.ys_modal_close i {
  font-size: 22px;
  font-weight: 200;
  color: #231815
}

.ys_modal_close {
  top: 18px;
  right: 27px
}

.ys_modal_demo .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px !important;
  background: #e41f20 !important
}

.ys_modal_demo .mCSB_scrollTools .mCSB_draggerContainer {
  left: 12px
}

.ys_nypage .mod_hd {
  border-bottom-color: transparent
}

.case_ban {
  width: 100%;
  position: relative;
  background: #152532;
  padding-top: 55px;
  padding-bottom: 76px;
  overflow: hidden
}

.ys_f2_2page .ys_banner {
  height: auto;
}

.ys_f2_2page .case_ban {
  box-sizing: border-box;
}

.case_ban_cont {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.case_ban_ri .ys_imgbox_cover {
  border-radius: 20px
}

.ys_f2_2page .case_ban_ri .hx-case-hero-media {
  aspect-ratio: 16 / 9;
}

.ys_f2_2page .case_ban_ri .hx-case-hero-media > img:first-child {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case_ban_ri .hx-case-hero-media img:nth-child(2) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

@media screen and (min-width: 1441px) {
  .ys_f2_2page .case_ban {
    padding-top: 120px;
    padding-bottom: 58px;
  }
}

.case_ban .ys_cont1440 {
  position: relative;
  z-index: 10
}

.case_ban_ri {
  width: 44%
}

.case_ban_le {
  width: 56%;
  padding-right: 80px
}

.case_ban_le_tit .mod_tit32 {
  font-weight: 700;
  color: #fff;
  line-height: 1.2
}

.case_ban_le_info p {
  color: #fff;
  line-height: 1.6
}

.case_ban_le_tit {
  margin-bottom: 40px
}

.case_deta {
  width: 100%;
  position: relative;
}

.case_deta_cont {
  width: 100%;
  position: relative
}

.case_deta_top {
  width: 100%;
  margin-bottom: 80px;
  margin-top: -45px
}

.case_deta_top_wrap {
  width: 51%;
  background: #004ABA;
  box-shadow: -16px 16px 16px rgba(0, 69, 119, .02), -24px 24px 24px rgba(0, 69, 119, .02);
  backdrop-filter: blur(8px);
  border-radius: 10px;
  display: flex
}

.cdtw_wrap_tit .mod_tit32 {
  color: #fff;
  line-height: 1.3
}

.cdtw_wrap_info p {
  line-height: 1.6;
  color: #fff
}

.cdtw_wrap_tit {
  margin-bottom: 5px
}

.cdtw_li {
  width: 33.333333%;
  padding: 16px 32px
}

.case_deta_btm_ri {
  width: 396px
}

.case_deta_btm_le {
  width: calc(100% - 396px);
  padding-right: 100px
}

.case_deta_btm {
  width: 100%;
  display: flex;
  flex-wrap: wrap
}

.hx-strength-detail .case_deta_btm {
  align-items: flex-start;
}

.hx-strength-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: -26px 0 56px;
  position: relative;
  z-index: 2;
}

.hx-strength-metric {
  min-height: 118px;
  padding: 24px 26px;
  background: #fff;
  border: 1px solid rgba(0, 74, 186, .12);
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(13, 42, 78, .08);
}

.hx-strength-metric span {
  display: block;
  margin-bottom: 8px;
  font-size: 32px;
  line-height: 1.15;
  font-weight: 700;
  color: #004ABA;
}

.hx-strength-metric p {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(35, 24, 21, .68);
}

.hx-strength-section {
  margin-bottom: 52px;
}

.hx-strength-section-top {
  margin-bottom: 24px;
}

.hx-strength-section-top p {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
  color: #004ABA;
}

.hx-strength-section-top h2 {
  font-size: 34px;
  line-height: 1.28;
  font-weight: 700;
  color: #231815;
}

.hx-strength-rich {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
}

.hx-strength-rich h3 {
  position: relative;
  margin: 30px 0 14px;
  padding-left: 16px;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 700;
  color: #231815;
}

.hx-strength-rich h3::before {
  content: '';
  position: absolute;
  left: 0;
  top: .3em;
  width: 4px;
  height: 1.05em;
  border-radius: 999px;
  background: #004ABA;
}

.hx-strength-rich ul {
  display: grid;
  gap: 12px;
  margin: 18px 0 0;
  padding-left: 0;
}

.hx-strength-rich li {
  list-style: none;
  position: relative;
  padding-left: 18px;
  font-size: 16px;
  line-height: 1.8;
  color: rgba(35, 24, 21, .72);
}

.hx-strength-rich li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .78em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #004ABA;
}

.hx-strength-media-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 320px));
  gap: 24px;
  align-items: start;
}

.hx-strength-media-item {
  min-width: 0;
  margin: 0;
}

.hx-strength-video-wrap {
  aspect-ratio: 9 / 16;
  overflow: hidden;
  background: #111820;
  border-radius: 8px;
  line-height: 0;
}

.hx-strength-video-wrap video {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.hx-strength-flow {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.hx-strength-flow-item {
  min-height: 180px;
  padding: 26px;
  background: #fff;
  border: 1px solid rgba(35, 24, 21, .10);
  border-radius: 8px;
}

.hx-strength-flow-item span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 32px;
  margin-bottom: 20px;
  background: #004ABA;
  border-radius: 8px;
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
}

.hx-strength-flow-item h3 {
  margin-bottom: 12px;
  font-size: 22px;
  line-height: 1.35;
  font-weight: 700;
  color: #231815;
}

.hx-strength-flow-item p,
.hx-strength-value p {
  font-size: 16px;
  line-height: 1.9;
  color: rgba(35, 24, 21, .72);
}

.hx-strength-value {
  padding: 26px 30px;
  background: #f6f8fb;
  border-left: 4px solid #004ABA;
  border-radius: 8px;
}

.hx-strength-side {
  position: sticky;
  top: 108px;
}

.hx-strength-side .cdbr_ul {
  display: grid;
  gap: 12px;
}

.hx-strength-side .cdbr_li {
  margin-bottom: 0;
}

.hx-strength-side .cdbr_li_wrap {
  border-radius: 8px;
}

.cdbl_top p {
  line-height: 1.6;
  color: rgba(35, 24, 21, .6);
  margin-bottom: 20px
}

.cdbl_top h3 {
  font-weight: 700;
  margin-bottom: 15px
}

.cdbl_top h4 {
  margin-bottom: 10px
}

.cdbl_top {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(35, 24, 21, .2);
  margin-bottom: 40px
}

.cdbl_btm {
  width: 100%;
  position: relative
}

.cdbr_tit .mod_tit32 {
  font-weight: 700;
  color: #231815;
  line-height: 1.2
}

.cdbr_ul {
  width: 100%
}

.cdbr_li {
  width: 100%
}

.cdbr_li a {
  display: block;
  padding: 10px 0 20px;
  position: relative;
  border-bottom: 1px solid rgba(35, 24, 21, .1)
}

.cdbr_li a::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background: #004ABA;
  opacity: 0;
  transition: all .36s
}

.cdbr_li_wrap p {
  color: #004ABA;
  line-height: 1.6
}

.cdbr_tit {
  margin-bottom: 23px
}

.cdbr_top {
  margin-bottom: 85px
}

.ys_d1_2page .ban_cont {
  width: 42%
}

.ys_d1_2page .ban_more {
  margin-top: 50px
}

.soluti_applic {
  width: 100%;
  position: relative
}

.soluti_applic_cont {
  width: 100%;
  position: relative
}

.soluti_applic_top {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.soluti_applic_top_ri .hacr_btn {
  box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05)
}

.soluti_applic_btm_ul {
  margin: 0 -4px;
  display: flex
}

.sabu_wrap {
  width: 100%;
  height: 540px;
  border-radius: 20px;
  overflow: hidden
}

.sabu_li {
  width: 13%;
  padding: 0 4px;
  transition: all .6s
}

.sabu_wrap {
  width: 100%
}

.sabu_wrap_bg {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: flex-end
}

.sabu_wrap_bg::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 69, 119, 0) 53.12%, #152532 100%), rgba(0, 69, 119, .1);
  transition: all .36s;
  opacity: 0
}

.sabu_wrap_bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 69, 119, 0) 53.12%, #152532 100%), rgba(0, 69, 119, .6);
  transition: all .36s
}

.sabu_li.act .sabu_wrap_bg::before {
  opacity: 0
}

.sabu_li.act .sabu_wrap_bg::after {
  opacity: 1
}

.sabu_wrap_bg_tit .std_tit4 {
  color: #fff;
  line-height: 1.4
}

.sabu_wrap_bg_tit {
  width: 100%;
  padding: 30px;
  position: relative;
  z-index: 10
}

.sabu_li.act {
  width: 61%
}

.soluti_advan {
  width: 100%;
  position: relative;
  background: #f8f8f8;
}

.ys_b1page .soluti_advan {
  overflow: hidden;
  background:
    linear-gradient(180deg, #eef5fb 0%, #f8fbff 48%, #ffffff 100%);
}

.ys_b1page .soluti_advan::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(135deg, rgba(0, 74, 186, .1) 0%, rgba(0, 74, 186, 0) 34%),
    linear-gradient(90deg, rgba(0, 74, 186, .05) 1px, transparent 1px),
    linear-gradient(180deg, rgba(0, 74, 186, .035) 1px, transparent 1px);
  background-size: 100% 100%, 72px 72px, 72px 72px;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .34) 18%, rgba(0, 0, 0, .2) 70%, transparent 100%);
  mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .34) 18%, rgba(0, 0, 0, .2) 70%, transparent 100%);
}

.soluti_advan_cont {
  width: 100%;
  position: relative;
  overflow: visible
}

.ys_b1page .soluti_advan_cont {
  z-index: 1
}

.soluti_advan_btm {
  width: 100%;
  position: relative;
  display: flex
}

.soluti_advan_btm_li {
  width: 50%
}

.sabl_wrap {
  width: 100%;
  display: flex;
  align-items: center
}

.sabl_wrap_le {
  width: 62%;
  position: relative;
  z-index: 10
}

.sabl_wrap_ri {
  width: 38%;
  padding: 0 20px;
  position: relative
}

.sabl_wrap_le_li {
  width: 100%;
  position: relative;
  background: #fff;
  border: 1px solid rgba(35, 24, 21, .1);
  box-shadow: 0 4px 16px rgba(0, 69, 119, .02), 0 8px 24px rgba(0, 69, 119, .02);
  border-radius: 20px;
  padding: 24px;
  padding-top: 48px;
  margin-top: 32px;
  margin-bottom: 60px;
  overflow: visible;
  transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease, background-color .32s ease
}

.sabl_wrap_le_li::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0, 74, 186, .1), rgba(0, 74, 186, 0) 48%);
  opacity: 0;
  transition: opacity .32s ease;
  pointer-events: none;
  border-radius: inherit
}

.swll_tit .std_tit4 {
  color: #231815;
  line-height: 1.4;
  transition: color .32s ease
}

.swll_tit {
  margin-bottom: 8px
}

.swll_info p {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(35, 24, 21, .6);
  height: 8.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  transition: color .32s ease
}

.swll_top {
  width: 64px;
  height: 64px;
  position: absolute;
  top: -32px;
  left: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: -4px 0 24px rgba(11, 73, 108, .05), -4px 0 8px rgba(11, 73, 108, .1);
  border-radius: 10px;
  z-index: 2;
  transition: transform .32s ease, box-shadow .32s ease
}

.swll_top img {
  display: block;
  width: 42px;
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;
  transition: transform .32s ease
}

.swrw_icon {
  width: 48px;
  margin: 0 auto;
  margin-bottom: 2px
}

.swrw_icon img {
  width: 100%
}

.swrw_tit .mod_tit32 {
  color: #e41f20;
  line-height: 1.3
}

.sabl_wrap_ri_wrap {
  width: 100%;
  text-align: center
}

.sabl_wrap_ri_img {
  width: 110%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  pointer-events: none
}

.sabl_wrap_ri_img img {
  width: 100%
}

.soluti_advan_btm_li2 .sabl_wrap {
  flex-direction: row-reverse
}

.soluti_advan_btm_li2 .sabl_wrap_ri_img {
  right: inherit;
  left: 0
}

.soluti_advan_btm_li2 .swrw_tit .mod_tit32 {
  color: #004577
}

.soluti_advan_list_li {
  width: 33.333333%;
  padding: 0 24px
}

.soluti_advan_list {
  margin: 0 -24px;
  padding-top: 32px;
  display: flex;
  flex-wrap: wrap
}

.soluti_advan_list .sabl_wrap_le_li {
  margin-bottom: 32px
}

@media screen and (min-width: 1200px) {
  .soluti_advan_list .sabl_wrap_le_li:hover {
    transform: translateY(-10px);
    border-color: rgba(0, 74, 186, .36);
    box-shadow: 0 16px 36px rgba(0, 74, 186, .12), 0 8px 18px rgba(0, 69, 119, .08);
    background-color: #fff
  }

  .soluti_advan_list .sabl_wrap_le_li:hover::before {
    opacity: 1
  }

  .soluti_advan_list .sabl_wrap_le_li:hover .swll_top {
    transform: translateY(-4px) scale(1.04);
    box-shadow: 0 10px 28px rgba(0, 74, 186, .2)
  }

  .soluti_advan_list .sabl_wrap_le_li:hover .swll_top img {
    transform: rotate(-3deg) scale(1.04)
  }

  .soluti_advan_list .sabl_wrap_le_li:hover .swll_tit .std_tit4 {
    color: #004ABA
  }

  .soluti_advan_list .sabl_wrap_le_li:hover .swll_info p {
    color: rgba(20, 25, 34, .82)
  }
}

.soluti_relate_cont {
  width: 100%;
  position: relative
}

.soluti_relate_btm {
  width: 100%;
  position: relative
}

.srbu_li {
  width: 33.333333%;
  padding: 0 24px;
  display: none
}

.srbu_li:first-child {
  display: block
}

.soluti_relate_btm_ul {
  margin: 0 -24px
}

.soluti_relate_btm .hacr_btn {
  box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05)
}

.soluti_relate_btm .hacr_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10
}

.soluti_relate_btm .hacr_le {
  left: -80px
}

.soluti_relate_btm .hacr_ri {
  right: -80px
}

.mhrn_down {
  position: fixed;
  left: 50%;
  top: 80px;
  transform: translateX(-50%);
  width: 100vw;
  background: #FFFFFF;
  padding: 20px 120px;
  display: none;
  border-top: 1px solid #dfdede;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .07);
}

.mhrn_down_ul_li {
  width: 16.666666%;
  padding: 0 40px
}

.mhrn_down_ul {
  display: flex;
  margin: 0 -40px;
  justify-content: center
}

.mhrn_down_ul_li a {
  display: block;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 20px 10px;
  text-align: center;
  transition: all .36s
}

.mdul_icon {
  width: 64px;
  margin: 0 auto;
  margin-bottom: 8px
}

.mdul_tit p {
  font-size: 16px;
  line-height: 1.6;
  color: #666666
}

.mhrn_down_ul_li.yxnav_active2 a {
  border-color: #666666
}

.mhrn_down2 .mhrn_down_ul_li a {
  display: flex;
  align-items: center;
  text-align: left;
  justify-content: center
}

.mhrn_down2 .mhrn_down_ul_li .mdul_tit {
  padding-left: 16px
}

.mhrn_down2 .mhrn_down_ul_li .mdul_icon {
  width: 48px;
  margin: 0;
  margin-bottom: 0
}

.mhrn_down2 .mhrn_down_ul_li {
  width: 25%
}

.mhrn_li.yxnav_active1 .mhrn_link {
  color: #004ABA
}

.mhrn_li.yxnav_active1 .mhrn_link::after {
  opacity: 1;
  width: 32px
}

.mhrn_li .mhrn_link::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: #004ABA;
  border-radius: 8px;
  transition: all .36s;
  opacity: 0
}

.mod_advic {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 99;
  width: 48px;
  border-radius: 50%;
  background: #004ABA;
  cursor: pointer;
  transition: all .36s;
  border: 1px solid #fff
}

.mod_advic img {
  width: 100%
}

.mod_contapop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, .4);
  z-index: 999;
  display: none
}

.mod_contapop_ab {
  position: absolute;
  width: 1110px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  padding-bottom: 80px
}

.mod_contapop_tit .std_tit3 {
  color: #231815;
  font-weight: 700
}

.mod_contapop_ul {
  display: flex
}

.mod_contapop_ul_li {
  width: 33.333333%;
  border-right: 1px solid rgba(35, 24, 21, .2)
}

.mod_contapop_ul_li:last-child {
  border: none
}

.mcul_wrap {
  width: 100%;
  position: relative;
  text-align: center
}

.mcul_icon {
  width: 64px;
  margin: 0 auto;
  margin-bottom: 20px
}

.mcul_icon img {
  width: 100%
}

.mcul_tit .std_tit4 {
  color: #231815;
  line-height: 1.4;
  transition: all .36s
}

.mcul_info p {
  color: #231815;
  line-height: 160%;
  transition: all .36s
}

.mcul_tit {
  margin-bottom: 16px
}

.mcul_info img {
  width: 24px;
  margin-left: 8px
}

.mcul_info {
  display: flex;
  align-items: center;
  justify-content: center
}

.mod_contapop_ab_cloce {
  width: 48px;
  position: absolute;
  top: 36px;
  right: 36px;
  cursor: pointer
}

.mod_contapop_ab_cloce img {
  width: 100%
}

.ys_ph_navbar2 .ys_phnav_header a,
.ys_ph_navbar2 .ys_phnav_search .iconfont {
  color: #152532
}

.ys_ph_navbar2 .ys_phnav_logo {
  background: #FFFFFF;
}

.ys_ph_navbar2 .ys_phnav_menubtn span,
.ys_ph_navbar2 .ys_phnav_menubtn::after,
.ys_ph_navbar2 .ys_phnav_menubtn::before {
  background: #152532
}

.ys_ph_navbar2 .ys_phnav_menu,
.ys_phnav2_lang_modal {
  background: #FFFFFF
}

.ys_phnav_haschild.yxnav_active2>.ys_phnav_lisbox>a {
  opacity: .6
}

.ys_phnav_lisbox.yxnav_active3 a {
  opacity: .6
}

.cirl_li .ys_imgbox_cover {
  display: none
}

.ban_inpt_ri {
  flex: none
}

.suppo_conta_ri_more .ys_imgbox_cover img:nth-child(2) {
  opacity: 0
}

.suppo_conta_ri_more img {
  transform: scale(1) !important
}

.mod_more_link img {
  transform: scale(1) !important
}

.ys_ban_li.swiper-slide-active .ban_tit {
  animation: ysfadeInUp .8s ease-in-out both;
  animation-delay: .1s
}

.ys_ban_li.swiper-slide-active .ban_info {
  animation: ysfadeInUp .8s ease-in-out both;
  animation-delay: .1s
}

.ys_ban_li.swiper-slide-active .ban_more {
  animation: ysfadeInUp .8s ease-in-out both;
  animation-delay: .1s
}

.mod_main {
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden
}

.ys_f2_2page .mod_main {
  overflow: visible
}

.hacr_btn.swiper-button-disabled {
  opacity: .6;
  pointer-events: none
}

.nwab_link {
  transition: all .36s
}

.compa_devel_cont {
  overflow: hidden
}

.compa_devel_btm_ul {
  width: calc(100% + 40px);
  padding-left: 10px
}

.ys_hd_pc.ishover {
  background: #FFFFFF;
  box-shadow: 0px 6px 20px rgba(16, 22, 44, 0.04);
}

.ys_ban_slick_cont .swiper-pagination-bullet {
  width: 100% !important;
  height: 100% !important;
  transition: all .36s;
  background: #e41f20 !important;
  opacity: 0
}

.ys_ban_slick_cont .swiper-pagination {
  display: flex
}

.ys_ban_slick_cont .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1 !important
}

.compa_quali .invite_handl_top_ri {
  display: flex;
  justify-content: flex-end
}

.invite_devel .idlu_wrap_info {
  text-align: left
}

/* .mod_bread {
  display: none
} */

.mrul_tit a {
  color: #FFFFFF;
  font-weight: 700
}

.mrul_tit_info_li a {
  color: #E2E2E2
}

.mod_hd_le_certif {
  margin-top: 11px
}

.invite_handl_top_ri {
  display: flex;
  justify-content: flex-end
}

.ys_b2page .ys_footer .mod_fot_top .ys_cont1680 {
  width: 1440px
}

.ys_b2page .mod_fot_top .mftr_le {
  display: none
}

.mod_fot_top .mod_more_link .ys_imgbox_cover img:nth-child(1) {
  opacity: 0
}

.mod_more_link .mod_more_le p {
  transition: all .36s
}

.mod_fot_top2 {
  display: none
}

.ys_b2page .mod_fot_top1 {
  display: none
}

.ys_b2page .mod_fot_top2 {
  display: block
}

.dlli_list .dwrw_list_li_intel {
  margin-bottom: 15px
}

.dlli_list .dwrw_list_li_intel:last-child {
  margin-bottom: 0 !important
}

.ys_nypage .mhrn_down {
  border-top: 1px solid #dfdede;
}

.dwlb_le_ul {
  display: flex;
  justify-content: flex-end
}

.soluti_list .sllw_btm .ys_imgbox_cover::after {
  display: none
}

html.acts {
  overflow-y: visible !important
}

html.acts body {
  overflow: visible !important
}

.case_deta_btm_ri,
.page_cont_ri {
  position: sticky;
  top: 100px;
  left: 0
}

.case_deta_btm,
.page_cont_wrap {
  align-items: flex-start
}

.cdbr_li a {
  padding: 15px 0 15px
}

.compa_cooper_btm_li {
  display: none
}

.compa_cooper_btm_li:first-child,
.compa_cooper_btm_li:nth-child(2) {
  display: flex
}

.ccbl_wrap::after {
  display: none
}

.ccbl_wrap {
  border: 1px solid rgba(35, 24, 21, .2);
  transition: all .36s
}

.case_list_ul {
  align-items: stretch
}

.case_list_ul_li a {
  display: block;
  height: 100%
}

.clul_wrap {
  height: 100%
}

.ys_e2page .mod_paging {
  margin-top: 60px
}

.compa_devel_infoh {
  display: grid;
  grid-template-columns: minmax(260px, 34%) minmax(0, 1fr);
  gap: 56px;
  align-items: start;
  position: relative;
  z-index: 1;
  margin-bottom: 76px;
  padding-bottom: 58px;
  border-bottom: 1px solid rgba(0, 74, 186, .14);
}

.about_intro_head {
  position: relative;
  padding-left: 20px;
}

.about_intro_head::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 4px;
  height: calc(100% - 12px);
  min-height: 58px;
  border-radius: 999px;
  background: #004ABA;
}

.about_intro_head p {
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  color: #004ABA;
}

.about_intro_head h2 {
  color: #231815;
  font-weight: 700;
}

.compa_devel_infoh .ban_info {
  width: 100%;
  margin-top: 0;
}

.compa_devel_infoh .ban_info p {
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 1.9;
  color: rgba(35, 24, 21, .76);
  text-align: justify;
}

.invite_care_btm .swiper-wrapper {
  transition-timing-function: linear !important
}

.dlll_li:last-child::after {
  display: none
}

.yxnav_active2>.ys_phnav_lisbox>a {
  opacity: .6
}

.case_deta_cont.act {
  padding-top: 100px
}

.mod_more1_le p {
  transition: all .36s
}

.hasu_more .ys_imgbox_cover img {
  transform: scale(1) !important
}

.mod_more1_ri {
  margin-top: 2px
}

.ys_b1page .ys_ban_li .mod_more .ys_imgbox_cover img:nth-child(1) {
  opacity: 0
}

.ys_b1page .ys_ban_li .mod_more_link:hover .mod_more_le p {
  color: #004ABA
}

.ys_b1page .ys_ban_li .mod_more_link:hover {
  background: #fff;
  border-color: #fff
}

.ys_b1page .ys_ban_li .mod_more_link:hover .ys_imgbox_cover img:nth-child(1) {
  opacity: 1
}

.ys_b1page .ys_ban_li .mod_more_link:hover .ys_imgbox_cover img:nth-child(2) {
  opacity: 0
}

/* .mod_hd_le_logo img {
  margin-bottom: 4px
} */

.mod_hd_le_certif {
  margin-top: 0 !important
}

/* .mod_hd_le_logo img {
  margin-bottom: 14px
} */

.mod_hd_le_certif {
  display: none
}

.mod_hd_le_logo {
  width: 300px
}

/* .mfbn_ri {
  margin-top: 32px
} */

.dwlb_ri_li .ys_imgbox_cover {
  background: rgba(35, 24, 21, .2)
}

.dwlb_ri_li.slick-current .ys_imgbox_cover {
  background: #fff
}

.mod_advic.on {
  opacity: 1;
  pointer-events: inherit
}

.suppo_conta_le img {
  width: 60%
}

.suppo_conta_le {
  text-align: center
}

.suppo_conta::after {
  height: 110%
}

.nwab_li .qctr_li {
  margin-bottom: 0 !important
}

.down_list_ul_li .dlul_le .dlul_le_icon {
  margin-left: 0;
  margin-right: 32px
}

.ys_modal_demo .ys_modal_content {
  max-height: inherit !important
}

.ys_modal_demo .quest_pop_info {
  max-height: 50vh
}

.ys_modal_demo .mCSB_outside+.mCSB_scrollTools {
  right: -24px !important
}

.chbw_img .ys_imgbox_cover {
  transform: rotate(0);
  -webkit-transform: rotate(0)
}

.chbw_img .ys_imgbox_cover img {
  transform: rotate(0);
  -webkit-transform: rotate(0)
}

.ys_fpage .ban_more {
  margin-top: 46px
}

.custom_experi {
  width: 100%;
  position: relative
}

.custom_experi_cont {
  width: 100%;
  position: relative
}

.ceul_wrap {
  width: 100%;
  position: relative;
  padding: 50px 36px 30px;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column
}

.custom_experi_ul {
  display: flex;
  width: 100%;
  border-radius: 20px;
  border-top: 2px solid #152532;
  border-bottom: 2px solid #152532;
  align-items: stretch;
  overflow: hidden
}

.custom_experi_ul_li {
  width: 25%;
  border-right: 1px solid rgba(21, 37, 50, .1)
}

.custom_experi_ul_li:last-child {
  border: none
}

.ceul_tit .std_tit4 {
  color: #231815;
  line-height: 1.5
}

.ceul_info p {
  color: #231815;
  line-height: 1.5;
  opacity: .6
}

.ceul_tit {
  margin-bottom: 16px
}

.ceul_wrap .ys_imgbox_cover {
  width: 120px;
  margin: 0 auto
}

.ceul_info {
  margin-bottom: 24px
}

.custom_flow {
  width: 100%;
  position: relative;
  background: linear-gradient(180deg, rgba(21, 37, 50, .03) 0, rgba(21, 37, 50, 0) 100%)
}

.custom_flow_cont {
  width: 100%;
  position: relative
}

.custom_flow_btm {
  width: 100%;
  position: relative
}

.custom_flow_btm_list {
  width: 100%;
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
  left: 0
}

.custom_flow_btm_list {
  display: flex
}

.cfbl_li {
  width: 25%;
  padding: 0 60px
}

.cfbl_wrap {
  width: 100%;
  position: relative;
  text-align: center
}

.cfbl_wrap_tit .std_tit4 {
  color: #231815;
  line-height: 1.4
}

.cfbl_wrap_info p {
  color: #231815;
  line-height: 1.6;
  opacity: .6
}

.cfbl_wrap_tit {
  margin-bottom: 16px
}

.custom_flow_btm_img {
  width: 100%;
  position: relative
}

.custom_flow_btm_img img {
  width: 100%
}

.custom_case {
  width: 100%;
  position: relative;
  background: #fff;
  padding-top: 0 !important
}

.custom_case_top {
  width: 100%;
  padding: 0 60px
}

.custom_case_top_img {
  width: 100%
}

.custom_case_top_img img {
  width: 100%;
  border-radius: 40px
}

.custom_case_btm {
  width: 100%;
  margin-top: -215px
}

.custom_case_btm_cont {
  width: 100%;
  position: relative
}

.ccbc_btm {
  width: 100%;
  background: #fff;
  border-radius: 40px;
  padding: 80px 62px
}

.ccbc_li_le {
  width: 44%
}

.ccbc_li_le img {
  width: 100%;
  border-radius: 20px
}

.ccbc_top .invite_devel_tit .std_tit2 {
  color: #fff
}

.ccbc_top {
  padding-bottom: 20px
}

.ccbc_li_ri {
  width: 56%;
  padding-left: 93px
}

.ccbc_li {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 80px
}

.ccbc_li:last-child {
  margin-bottom: 0
}

.ccbc_li_ri_tit .std_tit3 {
  color: #231815;
  line-height: 1.3
}

.ccbc_li_ri_info p {
  color: #231815;
  opacity: .6;
  line-height: 1.8
}

.ccbc_li_ri_tit {
  margin-bottom: 35px
}

.ccbc_li_ri_ul {
  width: 100%
}

.clru_li {
  width: 100%;
  border-radius: 80px;
  border: 1px solid rgba(21, 37, 50, .1);
  background: #fff;
  padding: 7px 24px;
  margin-bottom: 24px;
  box-shadow: 0 8px 24px 0 rgba(0, 69, 119, .05), 0 4px 16px 0 rgba(0, 69, 119, .08)
}

.clru_li p {
  padding-left: 32px;
  position: relative;
  color: #231815;
  line-height: 1.8
}

.clru_li p::after {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 18px;
  height: 19px;
  background-image: url(../images/ficon2.svg);
  background-size: 100%
}

.ccbc_li_ri_info {
  margin-bottom: 40px
}

.ccbc_li:nth-child(2n) {
  flex-direction: row-reverse
}

.ccbc_li:nth-child(2n) .ccbc_li_ri {
  padding-left: 0;
  padding-right: 93px
}

.ys_fpage .suppo_conta .suppo_conta_ri_more a {
  flex-direction: row-reverse
}

.ys_fpage .suppo_conta .suppo_conta_ri_more .scrm_ri {
  padding-left: 0;
  padding-right: 16px
}

.ys_fpage .suppo_conta .suppo_conta_ri_more .scrm_le {
  margin-top: 1px
}

.ys_fpage .mod_fot_top {
  display: none
}

.custom_flow_btm_img .ys_imgbox_cover img:nth-child(2) {
  transition: all 1.6s;
  transition-delay: .6s;
  webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
}

.custom_flow_btm_img.on .ys_imgbox_cover img:nth-child(2) {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

@media screen and (min-width:1200px) {
  .dwlb_le_li_wrap:hover {
    background: #e41f20
  }

  .mcul_wrap:hover .mcul_tit .std_tit4 {
    color: #004ABA
  }

  .mod_advic:hover {
    border-color: #fff
  }

  .suppo_conta_ri_more:hover a {
    background: #e41f20
  }

  .suppo_conta_ri_more:hover .scrm_ri p {
    color: #fff
  }

  .suppo_conta_ri_more:hover .ys_imgbox_cover img:nth-child(2) {
    opacity: 1
  }

  .dwrw_more .mod_more_link:hover .mod_more_le p {
    color: #fff
  }

  .dwrw_more .mod_more_link:hover .ys_imgbox_cover img:nth-child(2) {
    opacity: 0
  }

  .page_cont_le_link .mod_more_link:hover .mod_more_le p {
    color: #fff
  }

  .page_cont_le_link .mod_more_link:hover .ys_imgbox_cover img:nth-child(2) {
    opacity: 0
  }

  .mod_more_link:hover {
    background: #004ABA;
    border-color: #004ABA
  }

  .cdbr_li:hover a::after {
    width: 100%;
    opacity: 1
  }

  .nwll_wrap:hover .nwll_ri_tit .std_tit20 {
    color: #004ABA
  }

  .nwll_wrap:hover {
    border-color: #004ABA;
    box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05)
  }

  .dllc_case a:hover {
    border-color: #e41f20;
    box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05)
  }

  .pcrn_li a:hover .pcrn_li_wrap_btm p {
    color: #004ABA
  }

  .pcrs_top .mod_tit32 {
    font-weight: 700;
    color: #231815
  }

  .compa_cooper_btm:hover .ccbl_cont {
    animation-play-state: paused;
    cursor: pointer
  }

  .cirl_li.act {
    z-index: 10
  }

  .cirl_li.act .cirl_tit .std_tit4 {
    color: #e41f20
  }

  .cirl_li.act .cirl_info p {
    color: #231815
  }

  .cirl_li.act {
    border-color: #e41f20;
    box-shadow: 0 4px 16px rgba(0, 69, 119, .16), 0 8px 24px rgba(0, 69, 119, .08)
  }

  .cirl_li.act::after {
    opacity: 0
  }

  .cirl_li.act .idlu_wrap_desz {
    opacity: 1
  }

  .down_video_li_wrap:hover {
    box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05);
    border-color: #e41f20
  }

  .down_video_li_wrap:hover .dvlw_top_tit p {
    color: #e41f20
  }

  .down_video_li_wrap:hover .ys_imgbox_cover img {
    transform: scale(1.08)
  }

  .dlul_link:hover .dlul_le_tit p {
    color: #004ABA
  }

  .clul_wrap:hover .clul_wrap_btm::after {
    width: 100%;
    opacity: 1
  }

  .clul_wrap:hover {
    border-color: #004ABA;
    box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05)
  }

  .pnlu_wrap:hover {
    border-color: #004ABA;
    box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05)
  }

  .pnlu_wrap:hover .pnlu_wrap_btm_lab::after {
    width: 100%;
    opacity: 1
  }

  .comp-tabli:hover li {
    color: #fff;
    background: #e41f20;
    border-color: #e41f20
  }

  .icbu_li:hover .ys_imgbox_cover::after {
    opacity: .5
  }

  .icbu_li:hover .icbu_li_tit {
    opacity: 1
  }

  .idlu_wrap:hover .idlu_wrap_desz {
    opacity: 1
  }

  .idlu_wrap:hover {
    border-color: #004ABA;
    box-shadow: 0 4px 16px rgba(0, 69, 119, .16), 0 8px 24px rgba(0, 69, 119, .08)
  }

  .idlu_wrap:hover .idlu_wrap_tit .std_tit4 {
    color: #e41f20
  }

  .hacr_btn:hover {
    background: #004ABA
  }

  .hacr_btn:hover .iconfont {
    color: #fff
  }

  /* .htbl_ul_li_wrap:hover {
    background: #FFFFFF;
    backdrop-filter: blur(8px)
  } */

  .mrul_tit_info_li a:hover {
    color: rgba(255, 255, 255, .6)
  }

  .irlw_li a:hover .irlw_le p {
    color: #e41f20
  }

  .mrul_tit_info_li a:hover {
    color: #004ABA
  }

  .mod_fot_top .mod_more_link:hover .ys_imgbox_cover img:nth-child(1) {
    opacity: 1
  }

  .mod_fot_top .mod_more_link:hover .ys_imgbox_cover img:nth-child(2) {
    opacity: 0
  }

  .mod_fot_top .mod_more_link:hover {
    background: #fff
  }

  .mod_fot_top .mod_more_link:hover .mod_more_le p {
    color: #004ABA
  }

  .nwab_link:hover {
    border-color: #e41f20;
    box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05)
  }

  .nwab_link:hover .ys_imgbox_cover img {
    transform: scale(1.05)
  }

  .ccbl_wrap:hover {
    border-color: #004ABA;
    box-shadow: 0 4px 16px rgba(0, 69, 119, .08), 0 8px 24px rgba(0, 69, 119, .05)
  }

  .ccbl_wrap:hover img {
    transform: scale(1) !important;
  }

  .hasu_wrap:hover .mod_more1_le p {
    color: #ccc
  }

  .hasu_wrap:hover .mod_more1_ri .ys_imgbox_cover img:nth-child(1) {
    opacity: 1
  }

  .hasu_wrap:hover .mod_more1_ri .ys_imgbox_cover img:nth-child(2) {
    opacity: 0
  }

  .dlli_list .mod_more:hover .mod_more_le p {
    color: #e41f20
  }

  .dlli_list .mod_more:hover .mod_more_link {
    background: #fff;
    border-color: #fff
  }

  .dlli_list .mod_more:hover img:nth-child(1) {
    opacity: 1
  }

  .dlli_list .mod_more:hover img:nth-child(2) {
    opacity: 0
  }

  .mcul_wrap:hover .ys_imgbox_cover img:nth-child(1) {
    opacity: 0
  }

  .mcul_wrap:hover .ys_imgbox_cover img:nth-child(2) {
    opacity: 1
  }

  .mcul_wrap:hover .mcul_info p {
    color: #004ABA
  }
}

.ban_info p,
.ccbc_li_ri_info p,
.cqbu_info p,
.dwrw_list_li_overvi p,
.idlu_wrap_info p,
.nwll_ri_info p,
.qcll_li_btm p,
.swll_info p {
  text-align: justify
}

.home_applic_tit span {
  display: none
}

.home_applic_tit {
  padding-top: 0 !important
}

.home_case_ri_ph {
  display: none
}

.mcul_info .ys_imgbox_cover img {
  transform: scale(1) !important;
  transition: all 0s
}

.mcul_info .ys_imgbox_cover img:nth-child(2) {
  opacity: 0
}

.nwab_li .qctr_li {
  border-color: rgba(0, 0, 0, .2);
  background: #cccccc94
}

.nwab_li .qctr_li p {
  color: #00000052
}

.mfcw_le a {
  color: #999999
}

.ys_f2_2page .mod_main {
  position: relative;
  z-index: 10
}

.ybsp_con .swiper-pagination-bullet {
  border-radius: 0 !important
}

.mrul_tit img {
  display: none
}

.hasu_wrap .ys_imgbox_cover,
.htbl_ul_li_wrap .ys_imgbox_cover,
.pnlu_wrap .ys_imgbox_cover,
.sabu_wrap {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  overflow: hidden
}

.cfbl_li_img {
  display: none
}

.case_deta_top {
  margin-top: -31px
}

.dvlw_top_tit p {
  font-size: 18px
}

.pnlu_wrap_btm_tit .std_tit20 {
  font-size: 22px
}

.quest_cont_btn_li p {
  font-size: 16px
}

.mfbn_ri_ul_li {
  margin-left: 160px
}

.quest_cont_top_le {
  display: none
}

.quest_cont_top_ri {
  width: 100% !important
}

.ceul_wrap_top .ceul_info {
  margin-bottom: 0 !important
}

.ceul_wrap_top {
  margin-top: 15px
}

.mod_advic1 {
  width: 48px;
  position: fixed;
  bottom: 102px;
  right: 40px;
  cursor: pointer;
  z-index: 99;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
  border-radius: 50%
}

.mod_advic1 img {
  width: 100%
}

.inves_iframe {
  width: 100%;
  position: relative;
  padding-bottom: 0 !important
}

.inves_iframe_wrap {
  width: 100%;
  position: relative;
  overflow: hidden
}

.inves_iframe iframe {
  width: 100%;
  height: 890px;
  text-decoration: none;
  border: none;
  overflow: hidden !important
}

.dwrw_list_liz {
  width: 100%
}

.dwrw_list_liz .nwab_li .nwab_link {
  border-radius: 10px
}

.dwrw_list_liz .ys_imgbox_cover {
  background: rgba(35, 24, 21, .05)
}

.dwrw_list_liz .nwab_le {
  width: 44.5%
}

.dwrw_list_liz .nwab_ri {
  width: 55.5%;
  padding-left: 42px
}

.dwrw_list_liz .pnlu_wrap_btm_tit .std_tit20 {
  font-size: 18px
}

.dwrw_list_liz .nwab_li {
  margin-bottom: 20px
}

.ys_c2page .mod_bread {
  display: block;
  bottom: auto !important;
  top: -55px
}

.detai_wrap_ri {
  position: relative
}

/* .mod_bread_li a {
  color: rgba(35, 24, 21, .6)
} */

.ys_c2page .mod_bread .ys_cont1440 {
  width: 100%;
  padding: 0 !important
}

.ys_d1_2page .mod_main {
  position: relative
}

.ys_d1_2page .mod_bread {
  display: block !important;
  bottom: inherit !important;
  top: 12px
}

.nwab_li .qctr_li,
.nwab_li .qctr_li1 {
  cursor: auto
}

.ys_share {
  display: flex
}

.pcrs_btm .ys_share_list {
  margin-right: 20px
}

.pnlw_tit p {
  font-size: 16px
}

.dwrw_stop {
  width: 100%;
  border-radius: 20px;
  border: 1px solid #e41f20;
  background: #fff;
  margin-top: 36px;
  padding: 28px 40px
}

.dwrw_stop .stop_warp_ri_btm {
  border: none !important;
  padding-top: 0 !important
}

.dwrw_stop_info p {
  color: rgba(35, 24, 21, .5);
  line-height: 1.6;
  font-weight: 400
}

.dwrw_stop_info {
  padding-top: 13px;
  padding-bottom: 26px
}

.dwrw_stop .page_cont_le_tim .pclt_le {
  margin-top: 2px
}

.dwrw_stop .page_cont_le_tim {
  margin-bottom: 0 !important
}

.inves_relea_le_ifram iframe {
  width: 100%;
  text-decoration: none;
  border: none;
  overflow: hidden !important
}

.inves_relea_btm {
  align-items: stretch
}

.inves_relea_le_ifram {
  width: 100%;
  height: 100% !important;
  display: none;
  border-radius: 20px;
  overflow-y: auto
}

.inves_relea_le_ifram:first-child {
  display: block
}

.inves_relea_le_ifram .mCSB_outside+.mCSB_scrollTools {
  right: 0 !important
}

.inves_relea_le_ifram .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #e41f20 !important;
  border-radius: 10px !important
}

.inves_relea_le_ifram .mCSB_draggerRail {
  background-color: #e1e1e1 !important;
  border-radius: 10px !important
}

.inves_relea_le_ifram .mCSB_scrollTools {
  height: 70%;
  top: 50%;
  transform: translateY(-50%)
}

.inves_relea_le_ifram iframe body {
  padding-right: 100px
}

.ys_b1page .ban_cont {
  width: 55%
}

.yx_search3xlbox {
  height: 110px
}

.hasu_posi_tit .std_tit3 {
  color: #231815
}

.hasu_posi_info p {
  color: #8a8583
}

.mod_more1_le p {
  color: #004ABA !important
}

.inves_relea_le_swit {
  height: 469px
}

.sllw_btm_ph {
  display: none
}

.irru_li {
  height: 190px;
  margin-bottom: 30px
}

.inves_relea_le_swit {
  height: 410px
}

.ialw_wrap_le {
  width: 160px
}

.ialw_wrap_ri {
  padding-left: 5px
}

.nwab_ri_btm {
  margin-top: 15px
}

.ialw_wrap {
  padding: 10px 0
}

.dlll_wrap_ri_info p span {
  color: red
}

.new_wrap_list_li {
  width: 33.333333%
}

.new_wrap_list_li .nwll_le {
  width: 100%
}

.new_wrap_list_li .nwll_ri {
  width: 100%;
  padding-top: 20px;
  padding-left: 0 !important
}

.new_wrap_list_li .nwll_ri_info {
  margin-bottom: 30px
}

.page_cont_le_btm h4 {
  margin-bottom: 14px
}

.cdbl_top h4 {
  margin-bottom: 20px
}

.conta_pop {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, .6);
  z-index: 99;
  display: none
}

.conta_pop_cont {
  width: 596px;
  background: #fff;
  border-radius: 20px;
  padding: 80px 112px 59px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.conta_pop_tit p {
  text-align: center
}

.conta_pop_tit {
  margin-bottom: 70px
}

.conta_pop_btn {
  display: flex;
  justify-content: space-between
}

.cpbl_link {
  display: block;
  width: 166px;
  line-height: 46px;
  font-size: 16px;
  color: #e41f20;
  text-align: center;
  border: 1px solid #e41f20;
  border-radius: 5px;
  cursor: pointer
}

.cpbl_link1 {
  background: #e41f20;
  color: #fff
}

.conta_pop_tit .std_tit4 {
  color: #231815
}

.sabu_li {
  width: 21%
}

.clcs_ph {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  z-index: 11
}

.clcs_ph img {
  width: 100%
}

.viewer-container .viewer-footer {
  display: none !important
}

@media screen and (min-width:1921px) {
  .ys_sypage .ys_ban_li .ban_info p {
    font-size: 24px
  }
}

.ys_ban_li.slick-current .ban_info,
.ys_ban_li.slick-current .ban_more,
.ys_ban_li.slick-current .ban_tit {
  animation: ysfadeInUp .8s ease-in-out both;
  animation-delay: .1s
}

.ys_sypage .ys_banner .slick-dots {
  width: 1680px;
  left: 50%;
  transform: translateX(-50%);
  height: 2px !important;
  background: rgba(255, 255, 255, .5);
  display: flex;
  bottom: 24px
}

.ys_sypage .ys_banner .ys_ban_slick_cont .slick-dots li {
  width: 100% !important;
  height: 100% !important;
  transition: all .36s;
  background: #004ABA !important;
  opacity: 0;
  border-radius: 0 !important;
  margin: 0 !important
}

.ys_sypage .ys_banner .ys_ban_slick_cont .slick-dots li.slick-active {
  opacity: 1 !important
}

.ban_tit .std_tit1 {
  line-height: 1.5
}

.ys_sypage .ys_ban_imgbox .ys_ban_video {
  background: 0 0 !important
}

@media screen and (min-width:1681px) {
  .ys_sypage .ban_cont .std_tit1 {
    font-size: 56px
  }
}

/* .ys_sypage .ys_ban_txtbox {
  transform: translateX(-50%) !important;
  top: 36% !important
} */

.home_case_le {
  border-radius: 0 20px 20px 0
}

.hclu_li {
  padding: 0 10px
}

.home_case_le_swip {
  margin: 0 -10px
}

.mod_hd_ri_phmn {
  display: flex;
  align-items: center;
  margin-right: 25px;
}

.mod_hd_ri_phmn img {
  width: 24px;
}

.mod_hd_ri_phmn p {
  color: #fff;
  line-height: 1.5;
  padding-left: 10px;
  font-size: 16px;
  white-space: nowrap;
}

.js-phone-current {
  display: inline-block;
  transition: opacity .18s ease, transform .18s ease;
}

.js-phone-current.is-changing {
  opacity: 0;
  transform: translateY(-4px);
}

.isfixed .mod_hd_ri_phmn p {
  color: #161616;
}

.ishover .mod_hd_ri_phmn p {
  color: #161616;
}

.ys_phnav_menu .mod_hd_ri_phmn {
  margin-left: 0px;
  padding-top: 20px;
  display: flex;
  justify-content: center;
}

.ys_phnav_menu .mod_hd_ri_phmn p {
  font-size: 16px;
}

.mod_hd_ri_phmn a {
  display: flex;
}

.mod_contapop_contv .std_tit4 {
  color: #231815;
  line-height: 1.4;
}

.mod_contapop_ul {
  margin-bottom: 40px;
}

.mod_contapop_contv {
  padding: 20px;
  background: #f8f8fa;
}

.htbl_ul_li_wrap:hover .hulw_top_tit .std_tit4 {
  color: #004ABA;
}

.pagess {
  text-align: center;
  margin: 0 auto;
}

.pagess a {
  display: inline-block;
  background: transparent;
  font-size: 14px;
  color: #333;
  background-color: #EEE;
  margin: 0 10px;
  padding: 10px 15px;
}

.page-num-current {
  background-color: #004ABA !important;
  color: #F6F6F6 !important;
}

.pagess a:hover {
  background-color: #004ABA;
  color: #F6F6F6;
}

.page-numbar span {
  display: inline-block;
  background: transparent;
  font-size: 14px;
  color: #333;
  background-color: #EEE;
  margin: 0 10px;
  padding: 10px 15px;
}

@media (max-width: 750px) {
  .pagess {
    text-align: center;
    margin: 0 auto;
  }

  .pagess a {
    display: inline-block;
    background: transparent;
    font-size: 12px;
    color: #333;
    background-color: #EEE;
    margin: 0 5px;
    padding: 10px;
  }

  .page-num-current {
    background-color: #004ABA !important;
    color: #F6F6F6 !important;
  }

  .pagess a:hover {
    background-color: #004ABA;
    color: #F6F6F6;
  }

  .page-numbar span {
    display: inline-block;
    background: transparent;
    font-size: 12px;
    color: #333;
    background-color: #EEE;
    margin: 0 5px;
    padding: 10px;
  }
}

.ys_nypage .ys_hd_pc .rs_telh {
  display: block;
}

.ys_nypage .ys_hd_pc .rs_telb {
  display: none;
}

.ys_nypage .mod_hd_ri_phmn p {
  color: #161616;
}

.ys_nypage .soub {
  display: none;
}

.ys_nypage .souh {
  display: block;
}

.g_sypt2_bj {
  overflow: hidden;
  width: 100%;
  height: clamp(420px, 42vw, 640px);
  position: relative;
}

.home_exper.rs_tdsz .g_sypt2_bj {
  background: url("/static/img/hx-production-strength-bg-20260630.jpg") center center / cover no-repeat fixed;
}

.g_sypt2_bj video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.g_sypt2_bj img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.home_exper.rs_tdsz .g_sypt2_bj > img {
  opacity: 0;
}

.g_sypt2_mc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .2);
}

.g_sypt2_mc::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 54, 95, .55);
}

.g_sypt2_nr {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* @media screen and (max-width: 1440px) {
  .g_sypt2_nr {
    top: 80px;
  }
}

@media screen and (max-width: 1280px) {
  .g_sypt2_nr {
    top: 60px;
  }
}

@media screen and (max-width: 991px) {
  .g_sypt2_nr {
    top: 120px;
  }
} */

@media screen and (max-width: 768px) {
  .ys_sypage .invite_welfa {
    background-attachment: scroll;
    background-position: center top;
  }

  .ys_b1page .compa_devel {
    background-attachment: scroll;
    background-position: center top;
  }

  .ys_b1page .compa_devel::after,
  .ys_b1page .soluti_advan::before {
    background-size: 48px 48px, 48px 48px, 100% 100%;
  }

  .home_exper.rs_tdsz .g_sypt2_bj {
    background-attachment: scroll;
  }

  .g_sypt2_bj video {
    display: none;
  }

  .g_sypt2_bj img {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .g_sypt2_bj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .g_sypt2_nr {
    position: relative;
    top: 0;
    left: auto;
    transform: none;
    padding-top: 45px;
    padding-bottom: 40px;
  }
}

.rs_tdsz {
  display: flex;
  align-items: center;
  justify-content: center;
}

.g_word1 {
  margin-bottom: 0 !important;
}

.g_word1 p {
  font-size: 15px;
  line-height: 2;
  color: #161616;
  word-break: break-all;
}

@media screen and (max-width: 1680px) {
  .t_b1k5xin .g_word1 p {
    font-size: 14px;
  }
}

@media screen and (max-width: 1280px) {
  .g_word1 p {
    font-size: 14px;
    line-height: 1.75;
  }
}

.hulw_top_time {
  margin-bottom: 14px;
}

@media screen and (max-width: 768px) {
  .hulw_top_time {
    margin-bottom: 3px;
  }
}

.g_button1 {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 26px;
}

.g_button1 p {
  color: #004ABA;
  font-size: 16px;
  line-height: 28px;
  padding-right: 18px;
}

.g_button1 img {
  width: 28px;
  transition: all .36s ease;
}

@media screen and (min-width: 1200px) {
  .htbl_ul_li a:hover .g_button1 img {
    transform: translateX(8px);
  }
}

@media screen and (max-width: 991px) {
  .g_button1 p {
    font-size: 14px;
    line-height: 28px;
    padding-right: 10px;
  }

  .g_button1 img {
    width: 24px;
  }
}

@media screen and (max-width: 768px) {
  .g_button1 {
    margin-top: 12px;
  }
}

.rs_subword1 {
  margin-top: 16px;
}

@media screen and (max-width: 1440px) {
  .rs_subword1 {
    margin-top: 10px;
  }
}

@media screen and (max-width: 991px) {
  .rs_subword1 {
    margin-top: 8px;
  }
}

@media screen and (min-width: 1200px) {
  .srbu_li a:hover .g_button1 img {
    transform: translateX(8px);
  }
}

.g_foot_catnr {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 14px;
}

.g_foot_catnr img {
  width: 20px;
}

.g_foot_catnr p {
  padding-left: 12px;
}

.g_foot_catnr p,
.g_foot_catnr p a {
  color: #E2E2E2;
  font-size: 14px;
  line-height: 1.75;
}

@media screen and (max-width: 991px) {
  .g_foot_catnr img {
    width: 16px;
  }
}

.mfbn_ri {
  width: 60%;
}

.mfbn_ri_ul {
  display: flex;
  flex-wrap: nowrap;
}

.mfbn_ri .mfbn_ri_ul .mfbn_ri_ul_li {
  width: 25%;
}

.mfbn_le>p {
  color: #fff;
  font-size: 16px;
  line-height: 1.75;
  font-weight: bold;
  margin-bottom: 26px;
}

@media screen and (max-width: 991px) {
  .mfbn_le>p {
    margin-bottom: 19px;
  }
}

@media screen and (max-width: 480px) {
  .mfbn_le>p {
    margin-bottom: 15px;
  }
}

tbody {
  border: 1px solid rgba(0, 0, 0, .3);
}

.firstRow td {
  font-size: 14px;
  color: #FFFFFF;
  line-height: 1.75;
  background-color: #004ABA;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, .3);
  border-left: 1px solid rgba(0, 0, 0, .3);
}

tr td {
  font-size: 12px;
  line-height: 1.75;
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, .3);
  border-left: 1px solid rgba(0, 0, 0, .3);
}

@media screen and (min-width: 1200px) {
  .case_list_ul_li a:hover .g_button1 img {
    transform: translateX(8px);
  }
}

@media screen and (min-width: 1200px) {
  .pnlu_li a:hover .g_button1 img {
    transform: translateX(8px);
  }
}

@media screen and (min-width: 1200px) {
  .hasu_li a:hover .g_button1 img {
    transform: translateX(8px);
  }

  hasu_li
}


.rs_morea {
  margin-top: 0;
}

.rs_morea a img {
  transition: all .36s ease;
}

.rs_morea a:hover img {
  transform: translateX(8px);
  transition: all .36s ease;
}

.rs_moreb {
  display: flex;
  flex-wrap: nowrap;
}

.rs_home_szgd {
  display: flex;
  flex-wrap: wrap;
  margin: 80px 0 0 0;
  width: 80%;
}

.rs_home_szgd li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rs_szgd_more {
  margin-top: 60px;
}

.heul_tit b {
  font-size: 24px;
}

@media screen and (max-width: 1680px) {
  .rs_home_szgd {
    margin: 80px 0 0 0;
  }
}

@media screen and (max-width: 1560px) {
  .rs_home_szgd {
    margin: 50px 0 0 0;
  }
}

@media screen and (max-width: 1200px) {
  .rs_home_szgd {
    margin: 20px 0 0 0;
  }

  .rs_szgd_more {
    margin-top: 20px;
  }
}

@media screen and (max-width: 991px) {
  .rs_home_szgd {
    width: 100%;
    margin: 24px 0 0 0;
  }
}

@media screen and (max-width: 768px) {
  .rs_home_szgd {
    margin: 24px 0 0 0;
  }

  .home_exper_ul_li {
    width: 50%;
    margin-bottom: 15px;
  }

  .rs_szgd_more {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .rs_home_szgd {
    margin: 30px 0 0;
  }
}

.rs_submit button {
  width: 100%;
  border: 1px solid #fff;
}

.rs_submit button:hover {
  background: #fff;
  border-color: #007AFF;
}

.rs_submit button:hover .mod_more_le p {
  color: #004ABA;
}

.rs_submit button:hover .ys_imgbox_cover img:nth-child(1) {
  opacity: 1;
}

.rs_submit button:hover .ys_imgbox_cover img:nth-child(2) {
  opacity: 0;
}

.ban_more .mod_more a:hover {
  background-color: rgba(255, 255, 255, .5);
}

/* Inner page banners are intentionally shorter than the homepage hero. */
.ys_nypage .ys_banner {
  height: clamp(320px, 30vw, 500px);
}

.ys_nypage .ys_ban_slick,
.ys_nypage .ys_ban_li,
.ys_nypage .ys_ban_imgbox {
  height: 100%;
}

.ys_nypage .ys_ban_pc,
.ys_nypage .ys_ban_ph {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* PC header alignment */
@media screen and (min-width: 1200px) {
  .mod_hd {
    --hx-header-height: 72px;
    --hx-logo-width: 240px;
    --hx-logo-height: 54px;
  }

  .mod_hd .ys_cont1680 {
    align-items: center;
    min-height: var(--hx-header-height);
    position: relative;
  }

  .mod_hd_le,
  .mod_hd_ri,
  .mod_hd_ri_nav,
  .mhrn_li,
  .mod_hd_ri_phmn,
  .mod_hd_ri_phmn a,
  .mod_hd_ri_sear,
  .mod_hd_le_logo a {
    display: flex;
    align-items: center;
  }

  .mod_hd_le_logo a,
  .mod_hd_ri,
  .mod_hd_ri_nav,
  .mhrn_li,
  .mhrn_link,
  .mod_hd_ri_phmn,
  .mod_hd_ri_sear,
  .mhrs_icon {
    height: var(--hx-header-height);
  }

  .mod_hd_le_logo a,
  .mod_hd_ri_phmn a,
  .mhrs_icon {
    line-height: 1;
  }

  .mod_hd_le_logo {
    width: var(--hx-logo-width);
  }

  .mhrn_link {
    display: flex;
    align-items: center;
    line-height: 1.2;
  }

  .mod_hd_ri {
    margin-left: auto;
    justify-content: flex-end;
  }

  .mod_hd_ri_nav {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    justify-content: center;
    padding-right: 0;
    transform: translateX(-50%);
  }

  .mod_hd_ri_phmn,
  .mod_hd_ri_sear {
    position: relative;
    z-index: 3;
  }

  .ys_hd_pc .soub.mhrs_icon,
  .ys_hd_pc.isfixed .souh.mhrs_icon,
  .ys_hd_pc.ishover .souh.mhrs_icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ys_hd_pc.isfixed .soub.mhrs_icon,
  .ys_hd_pc.ishover .soub.mhrs_icon {
    display: none;
  }

  .mod_hd_le_logo img,
  .mod_hd_ri_phmn img,
  .mhrs_icon img {
    display: block;
  }

  .mod_hd_le_logo img {
    max-height: var(--hx-logo-height);
    object-fit: contain;
  }

  .mod_hd_ri_phmn p {
    line-height: 1.2;
  }

  .mhrn_li .mhrn_link::after {
    bottom: 0;
  }

  .mhrn_down,
  .yx_search3xlbox {
    top: var(--hx-header-height);
  }
}

/* Inner pages keep a white header above the banner. */
@media screen and (min-width: 1441px) {
  .ys_nypage .mod_hd {
    --hx-header-height: 80px;
  }

  .ys_nypage .ys_main {
    margin-top: 80px;
  }
}

@media screen and (min-width: 1200px) {
  .ys_nypage .ys_hd_pc,
  .ys_nypage .ys_hd_pc.isfixed,
  .ys_nypage .ys_hd_pc.ishover {
    background: #fff;
    box-shadow: 0 6px 20px rgba(16, 22, 44, .04);
  }

  .ys_nypage .mhrn_link,
  .ys_nypage .ys_hd_pc.isfixed .mhrn_link,
  .ys_nypage .ys_hd_pc.ishover .mhrn_link,
  .ys_nypage .mod_hd_ri_phmn p,
  .ys_nypage .ys_hd_pc.isfixed .mod_hd_ri_phmn p,
  .ys_nypage .ys_hd_pc.ishover .mod_hd_ri_phmn p {
    color: #161616;
  }

  .ys_nypage .ys_hd_pc .mhrn_li.yxnav_active1 .mhrn_link,
  .ys_nypage .ys_hd_pc.isfixed .mhrn_li.yxnav_active1 .mhrn_link,
  .ys_nypage .ys_hd_pc.ishover .mhrn_li.yxnav_active1 .mhrn_link {
    color: #004ABA;
  }

  .ys_nypage .ys_hd_pc .rs_telb,
  .ys_nypage .ys_hd_pc .soub.mhrs_icon,
  .ys_nypage .ys_hd_pc.isfixed .rs_telb,
  .ys_nypage .ys_hd_pc.ishover .rs_telb,
  .ys_nypage .ys_hd_pc.isfixed .soub.mhrs_icon,
  .ys_nypage .ys_hd_pc.ishover .soub.mhrs_icon {
    display: none;
  }

  .ys_nypage .ys_hd_pc.isfixed .rs_telh,
  .ys_nypage .ys_hd_pc.ishover .rs_telh,
  .ys_nypage .ys_hd_pc .souh.mhrs_icon,
  .ys_nypage .ys_hd_pc.isfixed .souh.mhrs_icon,
  .ys_nypage .ys_hd_pc.ishover .souh.mhrs_icon {
    display: flex;
  }
}

/* Product detail pages start on a white canvas instead of a banner hero. */
@media screen and (min-width: 1200px) {
  body.ys_c2page_body {
    overflow: visible !important;
  }

  .ys_c2page .mod_main {
    overflow: visible;
  }

  .ys_c2page .detai_wrap {
    display: flex;
    align-items: stretch;
    min-height: auto;
    background: #fff;
  }

  .ys_c2page .detai_wrap_le {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    left: auto;
    flex: 0 0 42%;
    width: 42%;
    height: calc(100vh - 80px);
    min-height: 680px;
    padding: 96px 36px 50px;
    align-self: flex-start;
    z-index: 1;
  }

  .ys_c2page .detai_wrap > .ys_cont1440 {
    flex: 1 1 58%;
    width: 58%;
    max-width: none;
    margin: 0;
    padding: 0;
  }

  .ys_c2page .detai_wrap_cont {
    justify-content: flex-start;
  }

  .ys_c2page .detai_wrap_ri {
    width: 100%;
    padding-left: 80px !important;
    padding-right: max(40px, calc((100vw - 1680px) / 2));
  }

  .ys_c2page .detai_wrap_le_top {
    margin-bottom: 54px;
  }

  .ys_c2page .hx-product-media-large {
    height: clamp(320px, 24vw, 460px);
  }

  .ys_c2page .hx-product-media-large img:first-child {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ys_c2page .hx-product-media-large img:nth-child(2) {
    height: 88%;
    max-width: 88%;
    max-height: none;
  }

  .ys_c2page .detai_wrap_le_btm {
    width: 452px;
    max-width: 100%;
    padding: 0;
    justify-content: center;
  }

  .ys_c2page .dwlb_le {
    flex: 0 0 96px;
    width: 96px;
  }

  .ys_c2page .dwlb_le_ul {
    justify-content: flex-start;
    margin: 0;
  }

  .ys_c2page .dwlb_le_li {
    width: 96px;
    padding: 0;
  }

  .ys_c2page .dwlb_ri {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    padding-left: 40px;
  }

  .ys_c2page .dwlb_ri::after {
    left: 20px;
  }

  .ys_c2page .dwlb_ri_ul {
    margin: 0;
  }

  .ys_c2page .ys_hd_pc,
  .ys_c2page .ys_hd_pc.isfixed,
  .ys_c2page .ys_hd_pc.ishover {
    background: #fff;
    box-shadow: 0 6px 20px rgba(16, 22, 44, .04);
  }

  .ys_c2page .mhrn_link,
  .ys_c2page .mod_hd_ri_phmn p,
  .ys_c2page .ys_hd_pc.isfixed .mhrn_link,
  .ys_c2page .ys_hd_pc.ishover .mhrn_link,
  .ys_c2page .ys_hd_pc.isfixed .mod_hd_ri_phmn p,
  .ys_c2page .ys_hd_pc.ishover .mod_hd_ri_phmn p {
    color: #161616;
  }

  .ys_c2page .ys_hd_pc .rs_telb,
  .ys_c2page .ys_hd_pc .soub.mhrs_icon,
  .ys_c2page .ys_hd_pc.isfixed .rs_telb,
  .ys_c2page .ys_hd_pc.ishover .rs_telb,
  .ys_c2page .ys_hd_pc.isfixed .soub.mhrs_icon,
  .ys_c2page .ys_hd_pc.ishover .soub.mhrs_icon {
    display: none;
  }

  .ys_c2page .ys_hd_pc .rs_telh,
  .ys_c2page .ys_hd_pc .souh.mhrs_icon,
  .ys_c2page .ys_hd_pc.isfixed .rs_telh,
  .ys_c2page .ys_hd_pc.ishover .rs_telh,
  .ys_c2page .ys_hd_pc.isfixed .souh.mhrs_icon,
  .ys_c2page .ys_hd_pc.ishover .souh.mhrs_icon {
    display: flex;
  }

  .ys_c2page .ys_hd_pc .mhrn_li.yxnav_active1 .mhrn_link,
  .ys_c2page .ys_hd_pc.isfixed .mhrn_li.yxnav_active1 .mhrn_link,
  .ys_c2page .ys_hd_pc.ishover .mhrn_li.yxnav_active1 .mhrn_link {
    color: #004ABA;
  }

  .ys_c2page .mod_bread {
    position: relative;
    top: 0;
    bottom: auto !important;
    margin-bottom: 28px;
  }
}

/* Product imagery should preserve its natural proportions instead of filling by force. */
.hx-product-media {
  isolation: isolate;
  background: #f3f5f7;
  border: 1px solid rgba(31, 53, 78, .1);
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
  overflow: hidden;
}

.hx-product-media:not(.hx-product-media-card) img:first-child {
  opacity: .38;
}

.hx-product-media img:nth-child(2) {
  left: 50%;
  top: 50%;
  width: auto;
  height: auto;
  object-fit: contain !important;
  object-position: center center !important;
  transform: translate(-50%, -50%) !important;
  transform-origin: center center;
  filter: drop-shadow(0 18px 28px rgba(12, 33, 70, .12));
}

.hx-product-media-large {
  box-shadow: 0 28px 56px rgba(17, 46, 88, .1);
}

.hx-product-media-thumb {
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(17, 46, 88, .06);
}

.hx-product-media-thumb img:nth-child(2) {
  filter: drop-shadow(0 10px 18px rgba(12, 33, 70, .10));
}

.hx-product-media-card {
  aspect-ratio: 4 / 3;
}

.hx-product-media-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(
    180deg,
    #fdfefe 0%,
    #f8fafb 58%,
    #eef1f4 82%,
    #e7ebef 100%
  );
  pointer-events: none;
}

.hx-product-media-card::after {
  content: '';
  position: absolute;
  z-index: 1;
  inset: -20%;
  background-image: url("/static/upload/image/20260526/logo_hengxin.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90% auto;
  opacity: .05;
  transform: rotate(-45deg);
  transform-origin: center;
  pointer-events: none
}

.hx-product-media-card > img {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: auto;
  height: auto;
  max-width: calc(100% - 40px);
  max-height: calc(100% - 36px);
  object-fit: contain !important;
  object-position: center center !important;
  transform: translate(-50%, -50%) !important;
  transform-origin: center center;
  filter: drop-shadow(0 18px 28px rgba(12, 33, 70, .12));
}

.hx-product-media-large img:nth-child(2) {
  max-width: 100%;
  max-height: 100%;
}

.hx-product-media-thumb img:nth-child(2) {
  max-width: 100%;
  max-height: 100%;
}

.ys_c1page .produ_navig .down_cont_swi_top {
  display: none;
}

/* Product center background: generated industrial photo kept behind a readable veil. */
.ys_c1page .mod_main {
  background: #f4f8fd;
}

.ys_c1page .produ_navig {
  isolation: isolate;
  overflow: hidden;
  padding-top: clamp(56px, 5vw, 88px);
  padding-bottom: clamp(48px, 5vw, 88px);
  background: #f4f8fd url("/static/img/hx-product-bg-20260630.jpg") center top / cover no-repeat;
}

.ys_c1page .produ_navig::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(244, 248, 253, .92) 0%, rgba(244, 248, 253, .74) 46%, rgba(244, 248, 253, .96) 100%),
    linear-gradient(90deg, rgba(255, 255, 255, .92) 0%, rgba(255, 255, 255, .72) 50%, rgba(255, 255, 255, .38) 100%);
  pointer-events: none;
}

.ys_c1page .produ_navig > .ys_cont1440 {
  position: relative;
  z-index: 1;
}

.ys_c1page .pnlu_wrap {
  --hx-product-list-pad: 0px;
  --hx-product-list-image-gutter: 80px;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: var(--hx-product-list-pad) var(--hx-product-list-pad) 0;
  background: rgba(255, 255, 255, .97);
  border-color: rgba(0, 74, 186, .1);
  border-radius: 4px;
  box-shadow: 0 12px 28px rgba(17, 46, 88, .09);
  overflow: hidden;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.ys_c1page .pnlu_wrap .hx-product-media-card {
  aspect-ratio: 3 / 2;
  border-radius: 4px 4px 0 0;
}

.ys_c1page .pnlu_wrap .hx-product-media-card > img {
  max-width: calc(100% - var(--hx-product-list-image-gutter));
}

.ys_c1page .produ_navig_list_ul {
  align-items: stretch;
}

.ys_c1page .pnlu_li {
  display: flex;
}

.ys_c1page .pnlu_li > a {
  display: flex;
  width: 100%;
  height: 100%;
  outline: none;
}

.ys_c1page .pnlu_wrap_btm {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: calc(100% + (var(--hx-product-list-pad) * 2));
  margin: 0 0 0 calc(var(--hx-product-list-pad) * -1);
}

.ys_c1page .pnlu_wrap_btm_tit {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 86px;
  margin: 0;
  padding: 18px 26px 18px 46px;
  background: #006fba;
  box-sizing: border-box;
  transition: background-color .3s ease;
}

.ys_c1page .pnlu_wrap_btm_tit::before {
  content: '';
  position: absolute;
  left: 28px;
  top: 50%;
  width: 4px;
  height: 24px;
  background: #fff;
  transform: translateY(-50%);
}

.ys_c1page .pnlu_wrap_btm_tit .std_tit20 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ys_c1page .pnlu_wrap_btm > .g_button1 {
  width: 100%;
  height: 56px;
  margin: auto 0 0 !important;
  padding: 0 28px;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  box-sizing: border-box;
}

.ys_c1page .pnlu_wrap_btm > .g_button1 p {
  color: #24282d;
  font-size: 16px;
  line-height: 1;
  padding: 0;
  transition: color .3s ease;
}

.ys_c1page .pnlu_wrap_btm > .g_button1 img {
  width: 24px;
}

.ys_c1page .pnlu_li > a:hover .pnlu_wrap,
.ys_c1page .pnlu_li > a:focus-visible .pnlu_wrap {
  border-color: rgba(0, 111, 186, .34);
  box-shadow: 0 20px 42px rgba(17, 46, 88, .14);
  transform: translateY(-4px);
}

.ys_c1page .pnlu_li > a:hover .pnlu_wrap_btm_tit,
.ys_c1page .pnlu_li > a:focus-visible .pnlu_wrap_btm_tit {
  background: #005da3;
}

.ys_c1page .pnlu_li > a:hover .pnlu_wrap_btm > .g_button1 p,
.ys_c1page .pnlu_li > a:focus-visible .pnlu_wrap_btm > .g_button1 p {
  color: #006fba;
}

.ys_c1page .pnlu_li > a:focus-visible .pnlu_wrap {
  box-shadow: 0 0 0 3px rgba(0, 111, 186, .14), 0 20px 42px rgba(17, 46, 88, .14);
}

@media screen and (max-width: 991px) {
  .ys_c1page .pnlu_wrap {
    --hx-product-list-pad: 0px;
    --hx-product-list-image-gutter: 72px;
  }

  .ys_c1page .pnlu_wrap_btm_tit {
    min-height: 78px;
    padding: 16px 22px 16px 40px;
  }

  .ys_c1page .pnlu_wrap_btm_tit::before {
    left: 24px;
    height: 22px;
  }

  .ys_c1page .pnlu_wrap_btm_tit .std_tit20 {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .ys_c1page .pnlu_wrap {
    --hx-product-list-pad: 0px;
    --hx-product-list-image-gutter: 68px;
  }

  .ys_c1page .pnlu_wrap_btm_tit {
    min-height: 72px;
    padding: 14px 20px 14px 38px;
  }

  .ys_c1page .pnlu_wrap_btm_tit::before {
    left: 22px;
    height: 20px;
  }

  .ys_c1page .pnlu_wrap_btm > .g_button1 {
    height: 50px;
    padding: 0 22px;
  }
}

@media screen and (max-width: 767px) {
  .ys_c1page .produ_navig {
    padding-top: 36px;
    padding-bottom: 44px;
    background-position: 68% top;
  }

  .ys_c1page .produ_navig::before {
    background:
      linear-gradient(180deg, rgba(244, 248, 253, .96) 0%, rgba(244, 248, 253, .86) 45%, rgba(244, 248, 253, .98) 100%),
      linear-gradient(90deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .82) 100%);
  }

  .hx-product-media-large img:nth-child(2) {
    max-width: 100%;
    max-height: 100%;
  }

  .hx-product-media-thumb img:nth-child(2) {
    max-width: 100%;
    max-height: 100%;
  }
}

/* Product detail rich text needs a more structured desktop and mobile layout. */
.ys_c2page .dwrw_list_li {
  margin-bottom: 34px;
}

.ys_c2page .dwrw_list_li_top {
  border-bottom: 1px solid rgba(35, 24, 21, .12);
  padding-bottom: 16px;
  margin-bottom: 20px;
}

.ys_c2page .dwrw_list_li_overvi {
  max-width: 820px;
}

.ys_c2page .dwrw_list_li_overvi > :first-child {
  margin-top: 0;
}

.ys_c2page .dwrw_list_li_overvi > :last-child {
  margin-bottom: 0;
}

.ys_c2page .dwrw_list_li_overvi p,
.ys_c2page .dwrw_list_li_overvi li {
  color: rgba(35, 24, 21, .72);
  line-height: 1.9;
}

.ys_c2page .dwrw_list_li_overvi ul,
.ys_c2page .dwrw_list_li_overvi ol {
  margin: 0;
  padding-left: 1.4em;
}

.ys_c2page .dwrw_list_li_overvi li+li {
  margin-top: 10px;
}

.ys_c2page .dwrw_list_li_top p {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding-left: 16px;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 700;
  color: #231815;
}

.ys_c2page .dwrw_list_li_top p::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 1.05em;
  border-radius: 999px;
  background: #004ABA;
  transform: translateY(-50%);
}

.ys_c2page .dwrw_list_li_overvi_rich {
  display: grid;
  gap: 22px;
}

.ys_c2page .dwrw_list_li_overvi_rich h2,
.ys_c2page .dwrw_list_li_overvi_rich h3,
.ys_c2page .dwrw_list_li_overvi_rich h4 {
  position: relative;
  margin: 0;
  padding-left: 14px;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 700;
  color: #231815;
}

.ys_c2page .dwrw_list_li_overvi_rich h2::before,
.ys_c2page .dwrw_list_li_overvi_rich h3::before,
.ys_c2page .dwrw_list_li_overvi_rich h4::before {
  content: '';
  position: absolute;
  top: .3em;
  left: 0;
  width: 4px;
  height: 1.1em;
  border-radius: 999px;
  background: #004ABA;
}

.ys_c2page .dwrw_list_li_overvi_rich table {
  width: 100%;
  max-width: 820px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  background: linear-gradient(180deg, #fff 0%, #f9fbff 100%);
  border: 1px solid rgba(0, 74, 186, .12);
  border-radius: 18px;
  box-shadow: 0 16px 36px rgba(11, 43, 95, .08);
}

.ys_c2page .dwrw_list_li_overvi_rich td,
.ys_c2page .dwrw_list_li_overvi_rich th {
  padding: 16px 18px;
  border-right: 1px solid rgba(0, 74, 186, .10);
  border-bottom: 1px solid rgba(0, 74, 186, .10);
  font-size: 15px;
  line-height: 1.7;
  color: #233041;
  vertical-align: top;
  word-break: break-word;
}

.ys_c2page .dwrw_list_li_overvi_rich td:first-child,
.ys_c2page .dwrw_list_li_overvi_rich th:first-child {
  width: 30%;
  font-weight: 600;
  color: #231815;
  background: rgba(0, 74, 186, .04);
}

.ys_c2page .dwrw_list_li_overvi_rich td:last-child,
.ys_c2page .dwrw_list_li_overvi_rich th:last-child {
  border-right: 0;
}

.ys_c2page .dwrw_list_li_overvi_rich tr:last-child td,
.ys_c2page .dwrw_list_li_overvi_rich tr:last-child th {
  border-bottom: 0;
}

.ys_c2page .dwrw_list_li_overvi_rich tr:first-child td,
.ys_c2page .dwrw_list_li_overvi_rich tr:first-child th,
.ys_c2page .dwrw_list_li_overvi_rich .firstRow td,
.ys_c2page .dwrw_list_li_overvi_rich .firstRow th {
  background: #004ABA;
  color: #fff;
  font-weight: 700;
}

@media screen and (max-width: 1199px) {
  .ys_c2page .dwrw_list_li_overvi {
    max-width: none;
  }

  .ys_c2page .dwrw_list_li_overvi_rich {
    gap: 18px;
  }

  .ys_c2page .dwrw_list_li_top {
    padding-bottom: 14px;
    margin-bottom: 18px;
  }

  .ys_c2page .dwrw_list_li_top p {
    min-height: 34px;
    font-size: 26px;
  }

  .ys_c2page .dwrw_list_li_overvi_rich h2,
  .ys_c2page .dwrw_list_li_overvi_rich h3,
  .ys_c2page .dwrw_list_li_overvi_rich h4 {
    font-size: 22px;
  }

  .ys_c2page .dwrw_list_li_overvi_rich td,
  .ys_c2page .dwrw_list_li_overvi_rich th {
    padding: 14px 14px;
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .ys_c2page .dwrw_list_li {
    margin-bottom: 28px;
  }

  .ys_c2page .dwrw_list_li_overvi p,
  .ys_c2page .dwrw_list_li_overvi li {
    line-height: 1.8;
  }

  .ys_c2page .dwrw_list_li_overvi_rich {
    gap: 16px;
  }

  .ys_c2page .dwrw_list_li_top {
    padding-bottom: 12px;
    margin-bottom: 16px;
  }

  .ys_c2page .dwrw_list_li_top p {
    min-height: 30px;
    padding-left: 14px;
    font-size: 22px;
  }

  .ys_c2page .dwrw_list_li_overvi_rich h2,
  .ys_c2page .dwrw_list_li_overvi_rich h3,
  .ys_c2page .dwrw_list_li_overvi_rich h4 {
    padding-left: 12px;
    font-size: 20px;
  }

  .ys_c2page .dwrw_list_li_overvi_rich table {
    display: block;
    overflow-x: auto;
    border-radius: 14px;
  }

  .ys_c2page .dwrw_list_li_overvi_rich tbody {
    display: table;
    width: 100%;
    min-width: 460px;
  }
}

/* Larger factory gallery thumbnails */
.ys_b1page .compa_cooper .ccbl_wrap {
  width: 320px;
  margin-right: 64px;
}

.ys_b1page .compa_cooper .compa_cooper_btm,
.ys_b1page .compa_cooper .compa_cooper_btm_li,
.ys_b1page .compa_cooper .ccbl_cont {
  overflow: visible;
}

.ys_b1page .compa_cooper .ccbl_wrap .ys_imgbox_cover {
  aspect-ratio: 16 / 9;
}

.ys_b1page .compa_cooper .ccbl_wrap {
  cursor: pointer;
  transform-origin: center;
  transition: transform .36s ease, border-color .36s ease, box-shadow .36s ease;
  will-change: transform;
}

.ys_b1page .compa_cooper .ccbl_wrap .ys_imgbox_cover img:last-child {
  transform: scale(1) !important;
}

.ys_b1page .compa_cooper .ccbl_wrap:hover {
  z-index: 20;
  transform: scale(1.08);
}

@media screen and (max-width: 1440px) {
  .ys_b1page .compa_cooper .ccbl_wrap {
    width: 280px;
    margin-right: 48px;
  }
}

@media screen and (max-width: 768px) {
  .ys_b1page .compa_cooper .ccbl_wrap {
    width: 220px;
    margin-right: 24px;
  }
}