/*

Theme Name: YingYang

Version: 1.0

Description: 安徽领聚数字作为Google中国区核心合作伙伴,拥有安徽省唯一的一家Google出海体验中心,为安徽本土化外贸企业出海提供一站式服务——网站搭建,谷歌SEO优化,谷歌竞价,谷歌SNS社媒营销等。

Author: 版权所有：安徽领聚

*/

@charset "utf-8";

:root {
  /* Global Color */
  --i_color: #ef8201;

  /* Head height */
  --header_height: 0.9rem;

  --border_color: #d8d8d8;
  --bjs: #f6f6f6;
}
@media screen and (max-width: 1024px) {
  :root {
    --header_height: 0.6rem;
  }
}

header.TopHeader {
  background: #000;
}

.wrap {
  width: 94vw;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.btn {
  display: table;
  position: relative;
  background: var(--i_color);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn b {
  display: block;
  padding: 15px 30px;
  font-size: 18px;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  text-wrap: nowrap;
  align-items: center;
  gap: 0 10px;
  text-transform: capitalize;
  font-weight: bold;
}
.btn b iconify-icon {
  font-size: 24px;
}
.btn.fff {
  background: #fff;
}
.btn.fff b {
  color: var(--i_color);
}
.btn.fff:hover {
  background: var(--i_color);
}
.btn.fff:hover b {
  color: #fff;
}
.btn.black {
  border-color: var(--i_color2);
}
.btn.black::before {
  background: #000;
}
.btn.black b {
  color: var(--i_color2);
}
.btn.center {
  margin-left: auto;
  margin-right: auto;
}
.btn.nb:hover {
  background: var(--i_color);
  -webkit-transform: skew(-20deg) translate(0, -0.08rem);
  transform: skew(-20deg) translate(0, -0.08rem);
}
.btn:hover {
  -webkit-transform: translate(0, -0.08rem);
  transform: translate(0, -0.08rem);
}
.btn:hover b {
}
.btn.black:hover b {
  color: #fff;
}

.btn.wb {
  border: 0.01rem solid #fff;
  background: transparent;
}
.btn.wb:hover {
  /* background: var(--i_color);
	border: 1px solid var(--i_color); */
}
.btn.wb:hover b {
  /* color: #fff; */
}
.btn.wb b {
  /* color: #fff; */
}

.btn.hb {
  border: 1px solid transparent;
  background: transparent;
}

.btn.hb b {
  color: var(--i_color);
}

.btn.hb:hover {
  background: var(--i_color);
  border-color: var(--i_color);
}

.btn.hb:hover b {
  color: #fff;
}

.btn.black {
  border: 1px solid #333;
  background: transparent;
}

.btn.black b {
  color: #333;
}

.btn.black:hover {
  background: var(--i_color);
  border-color: var(--i_color);
}

.btn.black:hover b {
  color: #fff;
}

@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
  .btn b iconify-icon {
    font-size: 20px;
  }
  .btn.mt60 {
    margin-top: 10px;
  }
  .btn b {
    padding: 0.08rem 0.2rem;
    font-size: 0.12rem;
  }
}
@media screen and (max-width: 768px) {
  .btn b {
    margin-right: auto;
  }
}
@media screen and (max-width: 560px) {
}

/* 文本居中 */
.tc {
  text-align: center;
}

/* 标题 */
.title_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.title_box h2 {
  font-size: 0.48rem;
  font-weight: bold;
  position: relative;
  max-width: max-content;
}
.title_box h2 img {
  height: 120%;
  object-fit: contain;
  position: absolute;
  top: -4px;
  left: -0.35rem;
}
.title_box p {
  font-size: 0.18rem;
  margin-top: 0.45rem;
  margin-bottom: 0.2rem;
  text-align: center;
  line-height: 1.6;
}

@media screen and (max-width: 1024px) {
  .title_box h2 {
    font-size: 0.3rem;
  }
  .title_box p {
    margin-top: 0.3rem;
  }
}
@media screen and (max-width: 768px) {
  .title_box p{font-size: 16px;}
}
@media screen and (max-width: 560px) {
  .title_box h2 {
    font-size: 0.22rem;
  }
  .title_box p {
    font-size: 14px;
  }
}

/* 按钮 */
.a_btn {
  display: table;
  border: 1px solid #fff;
  padding: 0.1rem 0.2rem;
  border-radius: 0.03rem;
  box-sizing: border-box;
  transition: all 0.6s;
  cursor: pointer;
}
.a_btn .a_btn_a {
  display: flex;
  align-items: center;
  color: var(--i_color);
}
.a_btn .a_btn_a p {
  font-size: 0.18rem;
  font-weight: bold;
}
.a_btn .a_btn_a icon {
  font-size: 0.25rem;
  margin-left: 0.03rem;
}

.a_btn:hover {
  transform: scale(1.05);
}
@media screen and (max-width: 768px) {
  .a_btn {
    padding: 0.05rem 0.15rem;
  }
  .a_btn .a_btn_a p {
    font-size: 0.16rem;
    font-weight: 400;
  }
  .a_btn .a_btn_a icon {
    font-size: 0.2rem;
    margin-left: 0.02rem;
  }
}

/* header */
.header_h {
  width: 100%;
  height: var(--header_height);
  display: none;
}
@media screen and (max-width: 1024px) {
  .header_h {
    display: block;
  }
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 2014;
  background-color: rgba(255, 255, 255, 0.2);
}
header .wrap {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0 0.2rem;
}

header::before {
  display: none;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: rgb(255 255 255 / 20%);
}
header.fixedHeader {
  background: #333;
  box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
}

@media screen and (max-width: 1024px) {
  header {
    background: #333;
  }
}

/* logo */
.logo {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: var(--header_height);
}
.logo a {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 100%;
}
.logo img {
  max-height: 90%;
}

/* 导航 */
@media screen and (min-width: 1025px) {
  .i_nav {
    margin-left: 8%;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0 0.6rem;
    position: relative;
    z-index: 2014;
  }

  .i_nav > li {
    position: relative;
  }
  .i_nav > li::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .i_nav > li > a {
    display: block;
    font-size: 0.18rem;
    color: #fff;
    font-weight: 600;
    line-height: var(--header_height);
    white-space: nowrap;
    position: relative;
  }

  /* .i_nav > .current-menu-item::before,
  .i_nav > .current-category-ancestor::before,
  .i_nav > .current-post-ancestor::before,
  .i_nav > .current-menu-ancestor::before,
  .i_nav > .current-menu-parent::before,
  .i_nav > li:hover::before,
  .i_nav > li.active::before {
    right: initial;
    left: 0;
    width: 100%;
  } */

  .i_nav > .current-menu-item > a,
  .i_nav > .current-category-ancestor > a,
  .i_nav > .current-post-ancestor > a,
  .i_nav > .current-menu-ancestor > a,
  .i_nav > .current-menu-parent > a,
  .i_nav > li:hover > a,
  .i_nav > li.active > a {
    color: var(--i_color);
  }

  .i_nav .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: var(--header_height);
    min-width: 1.4rem;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0.06rem 0.1rem rgb(0 0 0 / 8%);
    font-size: 0;
  }

  .i_nav .sub-menu li {
    position: relative;
  }
  .i_nav .sub-menu li:not(:last-child):before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 90%;
    height: 1px;
    background: #eee;
  }
  .i_nav .sub-menu a {
    display: block;
    padding: 0 0.2rem;
    font-size: 14px;
    color: #666;
    line-height: 0.34rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
  }

  .i_nav .sub-menu .current-menu-item::before,
  .i_nav .sub-menu .current-category-ancestor::before,
  .i_nav .sub-menu .current-post-ancestor::before,
  .i_nav .sub-menu .current-menu-ancestor::before,
  .i_nav .sub-menu .current-menu-parent::before,
  .i_nav .sub-menu li:hover::before {
    width: 100%;
  }

  .i_nav .sub-menu li:hover a {
    color: var(--i_color);
  }
}
@media screen and (max-width: 1440px) {
  .i_nav {
    gap: 0 0.4rem;
  }
  .i_nav > li > a {
    font-size: 15.5px;
  }
}
@media screen and (max-width: 1366px) {
  .i_nav {
    margin-left: 2%;
  }
  .i_nav > li > a {
    font-size: 15px;
  }
}

@media screen and (max-width: 1024px) {
  .i_nav {
    opacity: 0;
    position: fixed;
    top: var(--header_height);
    left: 101%;
    width: 100%;
    width: 100vw;
    height: calc(100vh - var(--header_height));
    margin: 0 0;
    background: #fff;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 9999;
  }
  .i_nav.active {
    opacity: 1;
    left: 0;
  }
  /*滚动条*/
  .i_nav::-webkit-scrollbar {
    width: 3px;
    height: 8px;
  }
  .i_nav::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #555;
  }
  .i_nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: #f1f1f1;
  }

  .i_nav > li {
    margin: 0 0 !important;
    border-bottom: 1px solid var(--border_color);
    position: relative;
  }
  .i_nav > .menu-item-has-children span {
    display: block;
    position: absolute;
    top: 8px;
    right: 0.2rem;
    width: 0.3rem;
    height: 0.3rem;
    box-sizing: border-box;
    border: 1px solid #ccc;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23555" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"%2F%3E%3C%2Fsvg%3E')
      no-repeat center;
    background-size: 0.2rem;
  }
  .i_nav > .menu-item-has-children span.on {
    background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23555" d="M19 12.998H5v-2h14z"%2F%3E%3C%2Fsvg%3E')
      no-repeat center;
    background-size: 0.2rem;
  }

  .i_nav > li > a {
    padding: 0 0.2rem;
    font-size: 0.16rem;
    color: #222;
    line-height: 0.44rem;
    text-transform: uppercase;
  }
  .i_nav > .current-menu-item > a,
  .i_nav > .current-category-ancestor > a,
  .i_nav > .current-post-ancestor > a,
  .i_nav > .current-menu-ancestor > a,
  .i_nav > .current-menu-parent > a {
    color: var(--i_color) !important;
  }

  .i_nav > li > .sub-menu {
    display: none;
  }
  .i_nav > li > .sub-menu li {
    position: relative;
  }
  .i_nav .sub-menu a {
    padding: 0 0.4rem;
    font-size: 0.15rem;
    color: #555;
    line-height: 0.4rem;
    position: relative;
  }
  .i_nav .sub-menu li:not(:last-child) {
    border-bottom: 1px solid var(--border_color);
  }

  .i_nav > li > .sub-menu b {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.4rem;
    height: 0.4rem;
    background: url(static/images/public/arrow_down_hollow_hei.svg) no-repeat
      center;
    background-size: 0.16rem;
  }
  .i_nav > li > .sub-menu b.on {
    background: url(static/images/public/arrow_up_hollow_hei.svg) no-repeat
      center;
    background-size: 0.16rem;
  }

  .i_nav .sub-menu .sub-menu {
    display: none;
  }

  .i_nav .sub-menu .sub-menu a {
    padding: 0 0.6rem;
    font-size: 0.13rem;
    color: #888;
    line-height: 0.36rem;
    position: relative;
  }

  .i_nav a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

/* 移动端导航按钮 */
.nav_menu {
  display: none;
  /* position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%); */
  position: relative;
  width: 22px;
  height: 16px;
  cursor: pointer;
}
.nav_menu i {
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  background: #fff;
  border-radius: 0.1rem;
  transition: 0.5s;
}
.nav_menu::before,
.nav_menu::after {
  content: "";
  width: 100%;
  height: 3px;
  background: #fff;
  position: absolute;
  left: 0;
  border-radius: 0.1rem;
  transition: 0.5s;
}
.nav_menu::before {
  top: 0;
}
.nav_menu::after {
  bottom: 0;
}
.nav_menu.on i {
  opacity: 0;
}
.nav_menu.on::before {
  transform: rotate(45deg);
  top: 50%;
  margin-top: -2px;
}
.nav_menu.on::after {
  transform: rotate(-45deg);
  top: 50%;
  margin-top: -2px;
}
@media screen and (max-width: 1024px) {
  .nav_menu {
    display: block !important;
    margin-left: 0.1rem;
  }
}

.top_r {
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-left: auto;
  gap: 0 0.3rem;
}

/* search */
.top_search_btn {
  display: none;
}

.search_cont {
  --search_height: 0.32rem;
}
.search_cont form {
  width: 2.1rem;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  box-sizing: border-box;
  border: 1px solid #cecece;
  -webkit-border-radius: 2rem;
  border-radius: 2rem;
  overflow: hidden;
}
.search_ipt {
  width: calc(100% - var(--search_height));
  height: var(--search_height);
  box-sizing: border-box;
  padding: 0.2rem 0.1rem 0.2rem 0.12rem;
  background: none;
  font-size: 14px;
  color: #fff;
}

.search_ipt::placeholder {
  color: white;
  opacity: 1;
}

.search_btn {
  font-size: 0;
  color: #fff;
  width: var(--search_height);
  height: var(--search_height);
  background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="512" height="512" viewBox="0 0 512 512"%3E%3Cpath fill="white" d="M456.69 421.39L362.6 327.3a173.81 173.81 0 0 0 34.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 0 0 327.3 362.6l94.09 94.09a25 25 0 0 0 35.3-35.3ZM97.92 222.72a124.8 124.8 0 1 1 124.8 124.8a124.95 124.95 0 0 1-124.8-124.8Z"%2F%3E%3C%2Fsvg%3E')
    no-repeat center;
  background-size: 0.28rem;
  cursor: pointer;
  margin-right: 0.2rem;
}

@media screen and (max-width: 1366px) {
  .search_cont form {
    width: 1.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .top_search_btn {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: var(--header_height);
    cursor: pointer;
    position: relative;
  }
  .top_search_btn iconify-icon {
    font-size: 0.24rem;
    color: #fff;
  }

  .search_cont {
    --search_height: 0.4rem;
  }
  .search_cont {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: calc(var(--header_height) + 0.2rem);
    left: 0;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 0.2rem 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .search_cont.on {
    opacity: 1;
    visibility: visible;
    top: var(--header_height);
  }
  .search_cont form {
    width: 90%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    border-color: var(--i_color);
  }
  .search_ipt {
    font-size: 13px;
  }
  .search_btn {
    background-color: var(--i_color);
  }
}
@media screen and (max-width: 1024px) {
  .search_cont {
    --search_height: 0.34rem;
  }
  .search_cont {
    padding: 0.14rem 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  }
  .top_search_btn iconify-icon {
    font-size: 20px;
  }
}

.top_language {
  position: relative;
}

.top_language_btn {
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: var(--header_height);
  padding-right: 0.2rem;
  cursor: pointer;
  position: relative;
}

.top_language_btn .icon-quanqiu {
  font-size: 0.32rem;
  color: #fff;
  margin-right: 0.06rem;
}

.top_language_btn p {
  font-size: 0.18rem;
  color: #fff;
}

.top_language_btn .icon-xiala {
  font-size: 0.22rem;
  color: #fff;
}

.language_list {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: calc(var(--header_height) + 0.2rem);
  right: 0;
  background: #fff;
  min-width: 1.2rem;
  z-index: 2016;
  box-shadow: 0 8px 0.1rem rgb(0 0 0 / 10%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding: 0.16rem 0.2rem;
  text-align: left;
}
.language_list.on {
  opacity: 1;
  visibility: visible;
  top: var(--header_height);
}

.language_list dt > h6 {
  margin-bottom: 0.08rem;
  font-size: 0.17rem;
  font-weight: bold;
  white-space: nowrap;
}
.curr_lang {
  margin-bottom: 0.12rem;
  padding-bottom: 0.12rem;
  border-bottom: 1px solid #eee;
}

.lang_list a {
  display: block;
  padding: 0.06rem 0;
}
.lang_list span img {
  display: none;
}
.lang_list .trp-ls-language-name {
  padding-left: 0.3rem;
  font-size: 14px;
  position: relative;
}
.lang_list .trp-ls-language-name::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  width: 0.18rem;
  height: 0.18rem;
  box-sizing: border-box;
  border: 1px solid #aaa;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.lang_list .trp-ls-language-name::after {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0.06rem;
  width: 0.06rem;
  height: 0.06rem;
  background: var(--i_color);
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.lang_list li:hover .trp-ls-language-name::after,
.curr_lang .trp-ls-language-name::after {
  display: block;
}
.lang_list li:hover .trp-ls-language-name,
.curr_lang .trp-ls-language-name {
  color: var(--i_color);
}

@media screen and (max-width: 1200px) {
  .top_language_btn p {
    display: none;
  }
  .top_language_btn iconify-icon {
    display: block;
    font-size: 0.24rem;
    color: #fff;
  }
}
@media screen and (max-width: 1024px) {
  .top_language_btn{padding-right: 0;}
  .top_language_btn iconify-icon {
    font-size: 22px;
  }

  .language_list dt > h6 {
    font-size: 15px;
  }
  .lang_list a {
    padding: 2px 0;
  }
  .lang_list .trp-ls-language-name {
    padding-left: 20px;
  }
  .lang_list .trp-ls-language-name::before {
    width: 14px;
    height: 14px;
  }
  .lang_list .trp-ls-language-name::after {
    left: 4px;
  }
}
@media screen and (max-width: 768px) {
  .language_list dt > h6 {
    font-size: 15px;
  }
}

.full_header_height {
  display: none;
  height: var(--header_height);
}
@media screen and (max-width: 1024px) {
  .full_header_height {
    display: block;
  }
}

/* banner */
.i_banner {
  width: 100%;
  position: relative;
}

.i_list {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.i_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}

.i_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
  width: 100%;
  padding-bottom: 46%;
}

.i_list .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.i_list .swiper-slide .Itxt_box {
  width: 65%;
  background: linear-gradient(to right, rgba(239, 130, 1, 0.65), transparent);
  position: absolute;
  bottom: 0.8rem;
  border-radius: 0.1rem 0 0 0.1rem;
  padding: 0.4rem 0.2rem 0.45rem 0.2rem;
  color: #fff;
}

.i_list .Itxt_box .Itxt {
  display: flex;
  align-items: end;
  font-weight: bold;
}

.i_list .Itxt_box .Itxt p {
  font-size: 0.6rem;
}
.i_list .Itxt_box .Itxt i {
  font-size: 0.32rem;
  padding: 0 0.1rem;
  font-weight: 700;
}
.i_list .Itxt_box .Itxt span {
  font-size: 0.26rem;
}

.i_list .Itxt_box h2 {
  font-size: 0.64rem;
  font-weight: 800;
  padding-bottom: 0.25rem;
}

.i_list .Itxt_box h3 {
  font-size: 0.32rem;
  font-weight: bold;
}
.i_list .Itxt_box .a_btn {
  margin: 0.5rem 0 0.35rem 0;
}
.i_list .Itxt_box .a_btn .a_btn_a {
  color: #fff;
}
.i_list .Itxt_box .Iexhibit {
  display: flex;
  gap: 0 3%;
  margin-left: 0.1rem;
}
.i_list .Itxt_box .Iexhibit li {
  position: relative;
  border: 1px #fff dashed;
  padding-bottom: 15%;
  width: 15%;
  z-index: 1;
}
.i_list .Itxt_box .Iexhibit li::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 70px 70px 0 0;
  border-color: rgba(255, 255, 255, 0.25) transparent transparent transparent;
  position: absolute;
  top: -0.1rem;
  left: -0.1rem;
}
.i_list .Itxt_box .Iexhibit li::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 70px 70px;
  border-color: transparent transparent rgba(255, 255, 255, 0.25) transparent;
  position: absolute;
  bottom: -0.1rem;
  right: -0.1rem;
}

.i_list .Itxt_box .Iexhibit li img {
  width: 90%;
  height: 90%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* -------------------------- */
.i-prev,
.i-next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 0.4rem;
  height: 0.4rem;
  background: rgb(0 0 0 / 60%);
  z-index: 3;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
}
.i-prev {
  left: 0;
}
.i-next {
  right: 0;
}
.i-prev iconify-icon,
.i-next iconify-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.3rem;
  color: #fff;
}
.i_list .swiper-button-disabled {
  cursor: not-allowed;
}
.i-prev:hover,
.i-next:hover {
  background: var(--i_color);
}

/* -------------------------- */
.i-pagination {
  display: block;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 0.15rem;
  transform: translateX(-50%);
}
.i-pagination .swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.01rem;
  display: inline-block;
  background: rgb(225, 225, 225, 80);
  outline: none;
  cursor: pointer;
}
.i-pagination .swiper-pagination-bullet-active {
  background: #fff;
  height: 0.02rem;
}

@media screen and (max-width: 1440px) {
  .i_list .swiper-slide .Itxt_box {
    padding: 0.2rem 0.2rem 0.35rem 0.2rem;
  }
  .i_list .Itxt_box h2 {
    font-size: 0.5rem;
    padding-bottom: 0.1rem;
  }
  .i_list .Itxt_box .a_btn {
    margin: 0.2rem 0 0.35rem 0;
  }
}

@media screen and (max-width: 1200px) {
  .i_list .swiper-slide {
    padding-bottom: 50%;
  }
  .search_ipt::placeholder {
    color: var(--i_color);
    opacity: 1;
  }
}

@media screen and (max-width: 1024px) {
  .i_list .swiper-slide .Itxt_box {
    width: 100%;
  }
  .i_list .Itxt_box .Itxt {
    display: none;
  }
  .i_list .Itxt_box h2 {
    font-size: 0.36rem;
  }
  .i_list .Itxt_box h3 {
    font-size: 0.22rem;
  }
  .i_list .Itxt_box .Iexhibit li {
    width: 12%;
    padding-bottom: 12%;
  }
  .i-prev,
  .i-next {
    display: none;
  }

  .i-pagination .swiper-pagination-bullet{width: 50px;}
}
@media screen and (max-width: 768px) {
  .i_list .swiper-slide {
    padding-bottom: 60%;
  }
  .i_list .Itxt_box h2 {
    font-size: 0.3rem;
  }
  .i_list .Itxt_box h3 {
    font-size: 0.18rem;
  }
  .i_list .Itxt_box .a_btn {
    margin: 0.1rem 0 0.2rem 0;
  }
}
@media screen and (max-width: 560px) {
  .i_list .swiper-slide {
    padding-bottom: 70%;
  }
  .i_list .swiper-slide .Itxt_box {
    padding: 0.1rem 0.2rem 0.25rem 0.2rem;
  }
  .i_list .swiper-slide .Itxt_box {
    bottom: 0.45rem;
  }
  .i_list .Itxt_box h2 {
    font-size: 0.2rem;
  }
  .i-pagination .swiper-pagination-bullet{width: 30px;}
}





.banner2_text{position:absolute; top:40%; transform:translate(0,-50%); left: 0; width: 100%;}
.banner2_text .wrap{box-sizing: border-box; padding-right: 34%;}
.banner2_text h3{font-size: 0.5rem;font-weight: 900;color: #FFF;}
.banner2_text h6{display: table; margin: .24rem 0 .5rem; padding: 6px .1rem; border-left: 4px solid var(--i_color); background: #303437; font-size: 0.22rem;font-weight: 900; color: #FFF;}
.banner2_text h6 i{color: var(--i_color); font-weight: 900;}
.banner2_text .a_btn_a{color: #FFF;}

@media screen and (max-width:1440px) {
  .banner2_text{top: 45%;}
  .banner2_text h3{font-size: 0.44rem;}
  .banner2_text h6{font-size: 0.2rem;}
}
@media screen and (max-width:1024px) {
  .banner2_text{top: 40%;}
  .banner2_text h3{font-size: 30px;}
  .banner2_text h6{margin: 16px 0 30px; font-size: 16px;}
}
@media screen and (max-width:768px) {
  .banner2_text .wrap{padding-right: 20%;}
  .banner2_text h3{font-size: 24px;}
}
@media screen and (max-width:560px) {
  .banner2_text h3{font-size: 17px;}
  .banner2_text h6{margin: 10px 0 18px; font-size: 13px;font-weight: bold;}
  .banner2_text h6 i{font-weight: bold;}
}





.banner3_text{position:absolute; top:40%; transform:translate(0,-50%); left: 0; width: 100%;}
.banner3_text .wrap{box-sizing: border-box; padding-right: 34%;}
.banner3_text h3{font-size: 0.5rem;font-weight: 900;color: #FFF;}
.banner3_text h6{display: table; margin: .24rem 0 .5rem; font-size: 0.22rem; color: #FFF;}
.banner3_text .a_btn_a{color: #FFF;}

@media screen and (max-width:1440px) {
  .banner3_text{top: 45%;}
  .banner3_text h3{font-size: 0.44rem;}
  .banner3_text h6{font-size: 0.2rem;}
}
@media screen and (max-width:1024px) {
  .banner3_text{top: 40%;}
  .banner3_text h3{font-size: 30px;}
  .banner3_text h6{margin: 16px 0 30px; font-size: 16px;}
}
@media screen and (max-width:768px) {
  .banner3_text .wrap{padding-right: 20%;}
  .banner3_text h3{font-size: 24px;}
}
@media screen and (max-width:560px) {
  .banner3_text h3{font-size: 17px;}
  .banner3_text h6{margin: 10px 0 18px; font-size: 13px;font-weight: bold;}
}






/* 产品中心 */
.Product_Center {
  width: 100%;
  background:linear-gradient(to bottom, #FEF9F2, transparent);
}

.Product_Center .a_btn {
  border: 1px solid #222222;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.12rem;
  margin-bottom: 0.4rem;
}

.Product_box {
  width: 100%;
}

.Product_box .pb_titleBox {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  gap: 0 .2rem;
  box-sizing: border-box;
  position: relative;
}
.Product_box .pb_titleBox::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #CCC;}

.Product_box .pb_titleBox li {
  width: 100%;
  text-align: center;
  cursor: pointer;
  display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 0.24rem;
}
.Product_box .pb_titleBox li::before{
  opacity: 0;
  content: '';
  position: absolute;
  bottom: .1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid var(--i_color);
}
.Product_box .pb_titleBox li::after{
  content: '';
  position: absolute;right: 0;bottom: 0;
  width: 0;height: 2px;background: var(--i_color);
  transition:all .5s ease;
}
.Product_box .pb_titleBox p{
  font-size: 0.2rem;
  font-weight: bold;
  color: #222222;
  position: relative;
}

.Product_box li.pbt_active::before{opacity: 1;}
.Product_box li.pbt_active::after{left: 0; right: initial; width: 100%;}
.Product_box .pbt_active p {
  color: var(--i_color);
}


.pb_contentBox {
  width: 100%;
  margin-top: 0.35rem;
}
.pb_contentBox li {
  width: 100%;
  min-height: 5.3rem;
  display: none;
}
.pb_contentBox .pbc_active {
  display: block;
}

.pb_contentBox li .pbc_p_box {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  gap: 0 2%;
}

.pb_contentBox li .pbc_p_box .pbc_p_item {
  width: 23.5%;
  background-color: #f6f6f6;
  border: 1px solid #d8d8d8;
  box-sizing: border-box;
  overflow: hidden;
}
.pb_contentBox .pbc_p_item i{width: 100%;position: relative; overflow: hidden;}
.pb_contentBox .pbc_p_item i::before{content: '';display: block;padding-bottom: 100%;}
.pb_contentBox .pbc_p_item i img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;transition:all .5s ease;}
.pb_contentBox li .pbc_p_box .pbc_p_item p {
    padding: 0 .1rem;
  font-size: 0.18rem;
  font-weight: bold;
  color: #222222;
  text-align: center;
  margin-top: 0.1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pb_contentBox li .pbc_p_box .pbc_p_item .p_btn {
  display: table;
  padding: 0.1rem 0.2rem;
  border-radius: 0.03rem;
  box-sizing: border-box;
  transition: all 0.6s;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  color: var(--i_color);
}
.p_btn_a {
  display: flex;
  align-items: center;
}
.p_btn .p_btn_a span {
  font-size: 0.18rem;
  font-weight: bold;
}
.p_btn .p_btn_a icon {
  font-size: 0.25rem;
  margin-left: 0.03rem;
}

.pb_contentBox li .pbc_p_box .pbc_p_item:hover .p_btn {
  background-color: var(--i_color);
  color: #fff;
}

@media screen and (max-width:1440px) {
  .pb_contentBox li{min-height: 4.5rem;}
}
@media screen and (max-width:1366px) {
  .pb_contentBox li{min-height: 4.4rem;}
  .pb_contentBox li .pbc_p_box .pbc_p_item p{font-size: 0.16rem;}
}
@media screen and (max-width:1200px) {
  .pb_contentBox li{min-height: 4rem;}
}
@media screen and (max-width: 1024px) {
  .Product_box .pb_titleBox{flex-wrap: wrap;gap: 20px 0;}
  .Product_box .pb_titleBox::before{display: none;}
  .Product_box .pb_titleBox li{width: 25%}
  .Product_box .pb_titleBox p{padding: 0 .1rem; font-size: 15px;}

  .pb_contentBox li .pbc_p_box {
    flex-wrap: wrap;
    gap: 0.4rem 4%;
  }
  .pb_contentBox li .pbc_p_box .pbc_p_item {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  .Product_box .pb_titleBox li{width: 50%}
}
@media screen and (max-width: 560px) {
  .Product_box .pb_titleBox{gap: 10px 0;}
  .Product_box .pb_titleBox li{padding-bottom: 10px;}
  .Product_box .pb_titleBox li::before{display: none;}
  .Product_box .pb_titleBox p{font-size: 14px;}

  .pb_contentBox li .pbc_p_box .pbc_p_item p {
    margin-bottom: 10px;
    font-size: 0.15rem;
    font-weight: 300;
    padding: 0 10px;
    line-height: 1.2;
  }
  .pb_contentBox li .pbc_p_box .pbc_p_item .p_btn {
    display: none;
  }
}

/* 产品类别 */
.category {
  width: 100%;
  background: url(static/imgs/categoryImg.webp) no-repeat center;
  background-size: cover;
}
.category .category_t {
  display: flex;
  align-items: center;
}
.category .category_t .title_box {
  display: block;
  width: max-content;
  margin-left: 0.35rem;
}
.category .a_btn {
  border: 1px solid #222222;
  margin-left: auto;
}

/* 产品类别轮播 */
.category .category_content {
  width: 100%;
  margin-top: 0.6rem;
}

.category .category_content .pr {
  width: 100%;
  position: relative;
}

.category .category_content .pr::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -1.15rem;
  left: 50%;
  transform: translateX(-50%);
  background: url(static/imgs/hu.webp) no-repeat center;
  background-size: cover;
}

.certificate {
}

.ce__list {
  position: relative;
  overflow: hidden;
}
.ce__list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
  padding: 1rem 0 1.2rem 0;
}

.ce__list .swiper-slide {
  flex-shrink: 0;
  box-sizing: border-box;
  border: 0.14rem solid var(--i_color2);
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
  position: relative;
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
  padding: 0 0.2rem;
  transition: all 0.4s;
}
.ce__list .swiper-slide::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 75%;
  background: url(static/imgs/yuan.webp) no-repeat center;
  background-size: contain;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s;
}

.ce_btn {
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  border-radius: 50%;
  border: 1px solid var(--i_color);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  opacity: 0;
  transition: all 0.4s;
}

.ce_btn::before {
  content: "";
  display: block;
  width: 85%;
  height: 85%;
  border-radius: 50%;
  background: var(--i_color);
  position: relative;
}

.ce_btn icon {
  color: #ffffff;
  font-size: 0.28rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wj_img {
  width: 100%;
  position: relative;
  padding-bottom: 100%;
}
.wj_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ce__list .swiper-slide a > p {
  font-size: 0.2rem;
  color: #222222;
  font-weight: bold;
  text-align: center;
  padding: 0.5rem 0;
  transition: all 0.3s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.ce__list .swiper-slide:hover {
  border: 1px solid var(--i_color);
}

.ce__list .swiper-slide:hover::before {
  opacity: 1;
}

.ce__list .swiper-slide:hover a > p {
  color: var(--i_color);
}

.ce__list .swiper-slide:hover .ce_btn {
  opacity: 1;
}

.ce__list .swiper-slide {
  transform: translateY(-0.8rem);
}
.ce__list .swiper-slide-prev,
.ce__list .swiper-slide-next {
  transform: translateY(-0.4rem);
}
.ce__list .swiper-slide-active {
  transform: none;
}

.ce-prev,
.ce-next {
  position: absolute;
  bottom: -5%;
  width: 0.4rem;
  height: 0.4rem;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #b9b9b9;
  z-index: 3;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}
.ce-prev {
  left: 46.5%;
}

.ce-prev::before {
  content: "";
  display: block;
  width: 55%;
  height: 55%;
  border-radius: 50%;
  background: rgba(239, 130, 1, 0.5);
  position: absolute;
  top: -25%;
  left: -25%;
  opacity: 0;
  transition: all 0.4s;
}

.ce-next {
  right: 46.5%;
}

.ce-next::before {
  content: "";
  display: block;
  width: 55%;
  height: 55%;
  border-radius: 50%;
  background: rgba(239, 130, 1, 0.5);
  position: absolute;
  top: -25%;
  right: -25%;
  opacity: 0;
  transition: all 0.4s;
}
.ce-prev icon,
.ce-next icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.13rem;
  color: #222222;
}
.ce__list .swiper-button-disabled {
  cursor: not-allowed;
}
/* .ce-prev:hover,
.ce-next:hover {
  background: var(--i_color);
} */
.ce-prev:hover,
.ce-next:hover {
  border: 1px solid var(--i_color);
}

.ce-prev:hover::before,
.ce-next:hover::before {
  opacity: 1;
}

.ce-prev:hover icon,
.ce-next:hover icon {
  color: var(--i_color);
}

@media screen and (max-width: 1440px) {
  .ce__list {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1366px) {
  .category .category_content .pr::before {
    bottom: -0.9rem;
  }
}
@media screen and (max-width: 1200px) {
  .category .category_content .pr::before {
    bottom: -0.6rem;
  }
  .ce-prev,
  .ce-next {
    bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  .category .category_content .pr::before {
    display: none;
  }
  .ce__list .swiper-wrapper {
    padding: 0 0;
  }
  .ce__list .swiper-slide{transform: none !important;}
  .ce__list .swiper-slide a > p{padding: 30px 0;font-size: 18px;}
  .ce_btn{display: none;}

  .ce-pagination{display:block; margin-top:0.3rem; text-align:center}
  .ce-pagination .swiper-pagination-bullet{width:.08rem; height:.08rem; display:inline-block; margin:0 6px; background:#666; border-radius:50%; outline:none; cursor:pointer;}
  .ce-pagination .swiper-pagination-bullet-active{background:var(--i_color)}

  .ce-prev,
  .ce-next {
    display: none;
  }
  .ce__list {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .category .category_t {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 560px) {
  .category .category_content {
    margin-top: .3rem;
  }
  .ce__list .swiper-slide a > p {
    font-size: 0.15rem;
    padding: 0.2rem 0;
  }
}

/* 关于公司 */

.about_company {
  width: 100%;
  background: url(static/imgs/aboutBa.webp) no-repeat center;
  background-size: cover;
  padding-bottom: 5.5rem;
}

.about_company .wrap .title_box .tc span {
  color: var(--i_color);
}

.about_company .about_infoBox {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 0.8rem;
}

.about_company .ai_Introduction {
  width: 50%;
}

.about_company .ai_Introduction p {
  font-size: 0.18rem;
  line-height: 0.3rem;
  color: #222222;
}

.about_company .ai_Introduction .ai_video {
  background: url(static/imgs/videoBa.webp) no-repeat center;
  background-size: cover;
  display: table;
  cursor: pointer;
  margin-top: 0.53rem;
  transition: all 0.6s;
}

.about_company .videoBox {
  display: flex;
  align-items: center;
  color: var(--i_color);
  padding: 0.15rem 0.2rem;
  transition: all 0.4s;
  border-radius: 0.05rem;
}

.about_company .videoBox icon {
  font-size: 0.25rem;
  margin-right: 0.25rem;
}

.about_company .videoBox span {
  font-size: 0.18rem;
  font-weight: bold;
}

.about_company .ai_Introduction .ai_video:hover {
  background: var(--i_color);
}

.about_company .ai_Introduction .ai_video:hover .videoBox {
  color: #fff;
}

.ai_data {
  width: 40%;
  display: flex;
  justify-content: space-between;
}

.ai_data li span,
.ai_data li i {
  color: var(--i_color);
  font-size: 0.84rem;
  font-weight: bold;
}

.ai_data li i {
  margin-left: 0.15rem;
}

.ai_data li div {
  display: flex;
  align-items: center;
  margin-top: 0.15rem;
  position: relative;
}

.ai_data li div::before {
  content: "";
  display: block;
  position: relative;
  padding-bottom: 10%;
}

.ai_data li div::before img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.ai_data li div::after {
  content: "";
  display: block;
  width: 1px;
  height: 70%;
  background-color: rgb(34, 34, 34, 0.5);
  position: absolute;
  left: 0.55rem;
  top: 50%;
  transform: translateY(-50%);
}

.ai_data li div text {
  font-size: 0.24rem;
  color: #222222;
  margin-left: 0.3rem;
}

@media screen and (max-width: 1024px) {
  .about_company {
    padding-bottom: 0.3rem;
    background: transparent;
  }
  .about_company .about_infoBox {
    flex-wrap: wrap;
    margin-top: 0.5rem;
  }
  .about_company .videoBox {
    border: 1px solid var(--i_color);
  }
  .about_company .ai_Introduction {
    width: 100%;
  }
  .ai_data {
    width: 60%;
    margin-top: 0.3rem;
  }
  .ai_data li span,
  .ai_data li i {
    font-size: 0.65rem;
  }
}
@media screen and (max-width: 768px) {
  .about_company .about_infoBox {
    margin-top: 0.2rem;
  }
  .about_company .ai_Introduction .ai_video {
    margin-top: 0.3rem;
  }
  .ai_data {
    width: 80%;
    margin-top: 0.3rem;
  }
  .ai_data li span,
  .ai_data li i {
    font-size: 0.5rem;
  }
}
@media screen and (max-width: 560px) {
  .about_company .videoBox {
    padding: 0.06rem 0.1rem;
  }
  .about_company .videoBox icon {
    margin-right: 0.1rem;
  }
  .ai_data {
    width: 100%;
    margin-top: 0.3rem;
  }
  .ai_data li span,
  .ai_data li i {
    font-size: 0.35rem;
  }
  .ai_data li div::after {
    display: none;
  }
  .ai_data li div text {
    font-size: 0.16rem;
    margin-left: 0.1rem;
  }
}





/* 选择我们 */
.choose_us {
  width: 100%;
  background: url(static/imgs/usBa.webp) no-repeat center;
  background-size: cover;
}
.whyBook_list {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.whyBook_list::before {
  content: "";
  display: block;
  padding-bottom: 34%;
}
.whyBook_list ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  gap: 0 2%;
}
.whyBook_list li {
  flex-grow: 1;
  width: 25%;
  height: 100%;
  position: relative;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  overflow: hidden;
  cursor: pointer;
}

.whyBook_list li > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.whyBook_t1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.2rem 0.3rem;
  z-index: 2;
}
.whyBook_t1 i icon {
  font-size: 0.45rem;
  color: #fff;
  text-align: center;
  display: block;
}
.whyBook_t1 p {
  font-size: 0.2rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.whyBook_t1 p {
  margin-top: 0.1rem;
}

.whyBook_t2 {
  opacity: 0;
  position: absolute;
  left: 0.5rem;
  bottom: 0;
  width: 88%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.whyBook_t2 span {
  display: block;
  padding: 0.3rem;
}
.whyBook_t2 span i icon {
  font-size: 0.45rem;
  color: #fff;
}
.whyBook_t2 span p {
  font-size: 0.2rem;
  color: #fff;
  font-weight: bold;
}
.whyBook_t2 span p {
  margin-top: 0.1rem;
}
.whyBook_t2_text {
  padding: 0 0.3rem;
}
.whyBook_t2_text p {
  font-size: 0.18rem;
  color: #fff;
  line-height: 1.5;
}
.whyBook_t2_text iconify-icon {
  font-size: 0.4rem;
  color: var(--i_color);
}

.whyBook_list li.curr .whyBook_t1 {
  opacity: 0;
}
.whyBook_list li.curr .whyBook_t2 {
  opacity: 1;
  bottom: 0.5rem;
  -webkit-transition: all 0.5s 0.3s;
  transition: all 0.5s 0.3s;
}

.whyBook_list li,
.whyBook_t1 {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

@media screen and (max-width: 1024px) {
  .whyBook_list::before {
    display: none;
  }
  .whyBook_list ul {
    position: initial;
    flex-wrap: wrap;
    gap: 30px 0;
  }
  .whyBook_list li {
    width: 100%;
    height: auto;
  }
  .whyBook_list li > img {
    height: auto;
  }
  .whyBook_t1 {
    display: none !important;
  }
  .whyBook_t2 {
    opacity: 1;
    position: initial;
    width: 100%;
    background: var(--i_color);
    margin-top: -10px;
    padding-top: 14px;
  }
  .whyBook_t2 span {
    padding: 10px 20px;
  }
  .whyBook_t2 span i {
    display: none;
  }
  .whyBook_t2 span p {
    font-size: 18px;
    margin: 0 0;
  }
  .whyBook_t2_text {
    padding: 16px 20px;
  }
  .whyBook_t2_text p {
    margin-bottom: 10px;
    font-size: 15px;
  }
  .whyBook_t2_text iconify-icon {
    font-size: 30px;
  }
}
@media screen and (max-width: 560px) {
  .whyBook_t2 span p {
    font-size: 17px;
  }
}

/* 新闻 */
.i_news {
  width: 100%;
  background: url(static/imgs/newsImg.webp) no-repeat center;
  background-size: cover;
}

.i_news .in_title {
}

.i_news .in_title h2 {
  font-size: 0.64rem;
  color: var(--i_color);
  font-weight: bold;
}

.i_news .in_title h3 {
  display: flex;
  align-items: center;
}

.i_news .in_title h3 span {
  font-size: 0.48rem;
  color: #222222;
  font-weight: bold;
  margin-left: 0.1rem;
}

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

.i_news .inn_info {
  width: 46%;
}

.i_news .inn_info h5 {
  font-size: 0.3rem;
  color: #222222;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.i_news .inn_info > p {
  font-size: 0.18rem;
  color: #666666;
  line-height: 1.6;
  margin-top: 0.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.i_news .inn_info span {
  font-size: 0.16rem;
  color: #222222;
  display: block;
  margin-top: 0.6rem;
  margin-bottom: 0.2rem;
}

.i_news .in_line {
  width: 100%;
  height: 1px;
  background-color: #d8d8d8;
  margin-bottom: 0.3rem;
}

.i_news .a_btn {
  border: 1px solid #222222;
}

.i_news .inn_imgs {
  width: 53%;
  position: relative;
  display: flex;
  align-items: center;
}

.i_news .inn_imgs .inn_imgs_news {
  width: 15%;
  position: relative;
  padding-bottom: 70%;
  z-index: 10;
}
.i_news .inn_imgs .inn_imgs_news img {
  width: 100%;
  height: 95%;
  object-fit: cover;
  position: absolute;
  bottom: 0;
  left: 0;
}

.i_news .inn_imgs .inn_imgs_new {
  width: 85%;
  position: relative;
  padding-bottom: 70%;
  z-index: 10;
}
.i_news .inn_imgs .inn_imgs_new img {
  width: 100%;
  height: 95%;
  object-fit: cover;
  position: absolute;
  bottom: 0;
  left: 0;
}

.i_news .inn_imgs .inn_imgs_Ba {
  width: 50%;
  height: 100%;
  background: var(--i_color);
  clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%);
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 1024px) {
  .i_news .in_title h2 {
    font-size: 0.45rem;
  }
  .i_news .in_title h3 span {
    font-size: 0.32rem;
  }
  .i_news .in_newsBox {
    margin-top: 0.3rem;
  }
  .i_news .inn_info {
    width: 60%;
  }
  .i_news .inn_info h5 {
    font-size: 0.22rem;
  }
  .i_news .inn_info > p {
    margin-top: 0.2rem;
  }
  .i_news .inn_info span {
    margin-top: 0.3rem;
  }

  .i_news .inn_imgs {
    width: 40%;
    margin-left: auto;
  }
  .i_news .inn_imgs .inn_imgs_news {
    display: none;
  }
  .i_news .inn_imgs .inn_imgs_new {
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .i_news .in_title h2 {
    font-size: 0.36rem;
  }
  .i_news .in_title h3 span {
    font-size: 0.26rem;
  }
}
@media screen and (max-width: 560px) {
  .i_news .in_title h2 {
    font-size: 0.3rem;
  }
  .i_news .in_title h3 span {
    font-size: 0.26rem;
  }
  .i_news .inn_info > p{font-size: 15px;line-height: 1.4;}
  .i_news .inn_info {
    width: 100%;
  }
  .i_news .inn_info h5 {
    font-size: 0.18rem;
  }
  .i_news .inn_imgs {
    display: none;
  }
}

/* 合作伙伴 */
.Partners {
}
.Partners .title_box {
  width: max-content;
  display: block;
  margin-left: 0.35rem;
}

.Partners .p_content {
  width: 100%;
  display: flex;
  margin-top: 0.4rem;
}

.Partners .p_content .p_gif {
  width: 40%;
}

.Partners .p_content .p_gif .p_gif_box {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}

.Partners .p_content .p_gif .p_gif_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.Partners .p_content .p_info {
  width: 52%;
  margin-left: auto;
}

.Partners .p_content .p_info p {
  font-size: 0.18rem;
  color: #222222;
  line-height: 1.6;
  text-align: right;
}

.Partners .p_num {
  margin-top: 0.3rem;
}

.Partners .p_info .p_num > div {
  display: flex;
  width: max-content;
  margin-left: auto;
}

.Partners .p_info .p_num > div span {
  color: var(--i_color);
  font-weight: bold;
  font-size: 0.84rem;
}

.Partners .p_info .p_num > div i {
  color: var(--i_color);
  font-weight: 500;
  font-size: 0.48rem;
}

.Partners .p_info .p_num > p {
  font-size: 0.24rem;
  color: #666666;
}

@media screen and (max-width: 1024px) {
  .Partners .p_info .p_num > div span {
    font-size: 0.6rem;
  }
}
@media screen and (max-width: 768px) {
  .Partners .p_num {
    display: none;
  }
  .Partners .p_content .p_info p {
    font-size: 0.16rem;
    line-height: 1.2;
    text-align: left;
  }
}
@media screen and (max-width: 560px) {
  .Partners .p_content {
    flex-wrap: wrap;
  }
  .Partners .p_content .p_gif {
    width: 100%;
  }
  .Partners .p_content .p_info {
    width: 100%;
    margin-top: 0.25rem;
  }
}

.partner_cont {
  position: relative;
  overflow: hidden;
  margin-top: 0.35rem;
}
.partner_cont::before {
  content: "";
  display: block;
  padding-bottom: 25%;
}
.partner_list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.partner_list .swiper-wrapper {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  padding: 0.02rem 0 0 0.02rem;
  box-sizing: border-box;
  padding-bottom: 0.3rem;
}
.partner_list .swiper-slide {
  flex-shrink: 0;
  height: calc((100% - 30px) / 2);
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.partner_list .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 70%;
  object-fit: contain;
}

/* -------------------------- */
.partner-pagination {
  display: block;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.partner-pagination .swiper-pagination-bullet {
  width: 0.7rem;
  height: 0.02rem;
  display: inline-block;
  background: #ccc;
  outline: none;
  cursor: pointer;
}
.partner-pagination .swiper-pagination-bullet-active {
  background: var(--i_color);
}

@media screen and (max-width: 1024px) {
  .partner_cont::before {
    padding-bottom: 35%;
  }
  .partner_list .swiper-wrapper {
    padding-bottom: 0.1rem;
  }
  .partner-pagination .swiper-pagination-bullet {
    width: 0.3rem;
  }
}
@media screen and (max-width: 768px) {
  .partner_cont::before {
    padding-bottom: 40%;
  }
  .partner_cont {
    margin-top: 0.2rem;
  }
}
@media screen and (max-width: 560px) {
  .partner_cont::before {
    padding-bottom: 50%;
  }
  .partner-pagination .swiper-pagination-bullet {
    width: 0.2rem;
  }
}

/* footer */
footer {
}

footer .footer_t {
  width: 100%;
  background: url(static/imgs/footer_t_img.webp) no-repeat center;
  background-size: cover;
}

footer .footer_t .wrap {
  display: flex;
  align-items: center;
}

.footer_t .ft_logo {
  width: 25%;
  position: relative;
  padding-bottom: 5%;
}

.footer_t .ft_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 0;
}

.footer_t h3 {
  width: 50%;
  font-size: 0.44rem;
  color: #fff;
  font-weight: bold;
  margin-left: auto;
  text-align: right;
}

.footer_b {
  width: 100%;
  background-color: #1b1b1b;
  border-bottom: 1px solid rgba(225, 225, 225, 0.1);
}
.footer_b_ba {
  width: 100%;
  background: url(static/imgs/fttxt.webp) no-repeat center;
  background-size: contain;
}

.footer_b .wrap {
  display: flex;
}

.footer_b .fb_info {
  width: 30%;
}

.footer_b .fb_info h4 > a {
  font-size: 0.3rem;
  font-weight: bold;
  color: #fff;
  transition: all 0.4s;
}

.footer_b .fb_info h4 > a:hover {
  color: var(--i_color);
}

.footer_b .fb_info li {
  color: #fff;
  font-size: 0.18rem;
  margin-top: 0.3rem;
}

.footer_b .fb_info li > p {
  margin-top: 0.1rem;
  line-height: 1.5;
}

.footer_b .fb_info li > p > a {
  margin-top: 0.1rem;
  color: #fff;
  display: block;
  transition: all 0.4s;
  width: max-content;
}

.footer_b .fb_info li > p > a:hover {
  color: var(--i_color);
}

.footer_b .fb_menu {
  width: 33%;
  display: flex;
  justify-content: space-between;
  margin-left: 1.8rem;
}

.footer_b .fb_menu .fb_menu_list {
}

.footer_b .fb_menu_list h4 {
  color: #ffffff;
  font-size: 0.3rem;
  font-weight: bold;
  margin-bottom: 0.3rem;
}

.footer_b .fb_menu_list li > a {
  color: #ffffff;
  font-size: 0.18rem;
  margin-top: 0.15rem;
  display: block;
  transition: all 0.4s;
  width: max-content;
}

.footer_b .fb_menu_list li > a:hover {
  color: var(--i_color);
}

.footer_b .fb_con {
  width: 14%;
  margin-left: auto;
}

.footer_b .fb_con h4 {
  color: #ffffff;
  font-size: 0.3rem;
  font-weight: bold;
  margin-bottom: 0.3rem;
}

.footer_b .fb_con .fb_code {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.footer_b .fb_code li {
  width: 45%;
}
.footer_b .fb_code li > p {
  color: #ffffff;
  font-size: 0.16rem;
}

.footer_b .fb_code li .codeBox {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  margin-top: 0.1rem;
}

.footer_b .fb_code li .codeBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.footer_b .fb_con .fb_SocialMedia {
  width: 100%;
  margin-top: 0.4rem;
}

.footer_b .fb_con .fb_SocialMedia p {
  color: #ffffff;
  font-size: 0.18rem;
  margin-bottom: 0.1rem;
}

.footer_b .fb_con .fb_SocialMedia ul {
  display: flex;
  gap: 0 10%;
}

.footer_b .fb_con .fb_SocialMedia ul li > a {
  color: #8d8d8d;
  font-size: 0.3rem;
  transition: all 0.4s;
}

.footer_b .fb_con .fb_SocialMedia ul li > a:hover {
  color: var(--i_color);
}

.footer_bb {
  background-color: #1b1b1b;
}
.f_cr {
  padding: 0.24rem 0;
}
.f_cr p,
.f_cr a {
  font-size: 0.16rem;
  color: rgba(255, 255, 255, 0.2);
}
.f_cr a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1200px) {
  .footer_t h3 {
    width: 65%;
  }
}
@media screen and (max-width: 1024px) {
  .footer_t h3 {
    font-size: 0.26rem;
  }
  .footer_b .fb_menu {
    display: none;
  }
  .footer_b .fb_info {
    width: 50%;
  }
  .footer_b .fb_con {
    width: 30%;
  }
  .f_cr {
    padding-bottom: 80px;
  }
  .f_cr p,
  .f_cr a {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  footer .footer_t .wrap {
    flex-wrap: wrap;
  }
  .footer_t h3 {
    width: 100%;
    text-align: left;
    margin-top: 0.2rem;
  }
  .footer_t .ft_logo {
    width: 55%;
    padding-bottom: 13%;
  }
  .footer_t .ft_logo img {
    object-fit: cover;
  }
  .f_cr p,
  .f_cr a {
    font-size: 14px;
  }
}
@media screen and (max-width: 560px) {
  .footer_b .wrap {
    flex-wrap: wrap;
  }
  .footer_t h3 {
    font-size: 0.2rem;
  }
  .footer_b .fb_info h4 > a {
    font-size: 0.22rem;
  }
  .footer_b .fb_info li {
    margin-top: 0.15rem;
  }
  .footer_b .fb_con h4 {
    font-size: 0.22rem;
  }
  .footer_b .fb_info {
    width: 100%;
  }
  .footer_b .fb_con {
    width: 100%;
    margin-top: 0.4rem;
  }
  .footer_b .fb_con .fb_code {
    width: 45%;
  }
  .f_cr {
    padding-top: 6px;
    padding-bottom: 64px;
  }
}

/* 视频播放窗口 */

.vd_full {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(255 255 255 / 80%);
  z-index: 99999;
}
.vd_box {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  z-index: 2;
}
.vd_box::before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.close_v {
  position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  width: 0.4rem;
  height: 0.4rem;
  background: var(--i_color);
  z-index: 2;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}
.close_v::before {
  content: "+";
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 0.44rem;
  color: #fff;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.vd_box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000;
  object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .vd_box {
    width: 80%;
  }
  .close_v::before {
    font-size: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .vd_box {
    width: 88%;
  }
  .close_v {
    top: -0.15rem;
    right: -0.15rem;
    width: 0.3rem;
    height: 0.3rem;
  }
  .close_v::before {
    font-size: 0.3rem;
  }
}

.in_pagebanner {
  font-size: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.in_pagebanner img {
  width: 100%;
  object-fit: cover;
}
.in_pagebanner p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* Breadcrumb */
.in_position {
  padding: 0.2rem 0;
  background: #f7f7f7;
  position: relative;
}
.in_position .wrap {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.in_position a {
  display: block;
  font-size: 15px;
  color: #333;
  position: relative;
  line-height: 20px;
  text-transform: uppercase;
}
.in_position a:first-child {
  padding-left: 0.26rem;
}
.in_position a:first-child::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  width: 18px;
  height: 18px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="80" height="80" viewBox="0 0 2048 2048"%3E%3Cpath fill="currentColor" d="m1024 165l941 942l-90 90l-83-82v805h-640v-640H896v640H256v-805l-83 82l-90-90l941-942zm640 1627V987l-640-640l-640 640v805h384v-640h512v640h384z"%2F%3E%3C%2Fsvg%3E')
    no-repeat center;
  background-size: contain;
}
.in_position a:not(:last-child):after {
  content: ">";
  margin: 0 4px;
  color: #555;
}
.in_position a:last-child {
  color: var(--i_color) !important;
}
.in_position a:hover {
  color: var(--i_color);
}
@media screen and (max-width: 1024px) {
  .in_position {
    padding: 0.16rem 0;
  }
  .in_position a {
    font-size: 14px;
  }
}
@media screen and (max-width: 560px) {
  .in_position {
    padding: 0.12rem 0;
  }
  .in_position a {
    font-size: 13px;
  }
}

/* ul>li左图右文 */
.p_list {
}
.p_list .wrap {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p_list .left {
  width: 23%;
}

.p_list .right {
  width: 74%;
}

@media screen and (max-width: 1024px) {
  .p_list .wrap .left {
    width: 100%;
  }

  .p_list .right {
    width: 100%;
  }
  .details_left{display: none !important;}
}




.cat_nav_tit{padding: .12rem .2rem; position: relative;}
.cat_nav_tit::before{content: '';position: absolute;left: 0;top: 0;width: 88%;height: 100%;background: #E8E8E8; clip-path: polygon(0 0, 92% 0%, 100% 100%, 0% 100%);}
.cat_nav_tit h4{font-size: 0.32rem;color: #333; position: relative;}
.cat_nav_tit iconify-icon{display: none;}

.cat_nav_list{position: relative; box-sizing: border-box; border: 1px solid #DDD;}
.cat_nav_list li{position: relative; border-bottom: 1px solid #DDD;}
.cat_nav_list li:last-child{border-bottom: none;}

.cat_fold_tit{padding: 0 .2rem; display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;gap: 0 .2rem;}
.cat_fold_tit a{padding: .2rem 0; width: 100%; font-size: 0.18rem;font-weight: bold;}
.cat_fold_tit iconify-icon{margin-left: auto;flex-shrink: 0;font-size: 0.24rem;cursor: pointer;-webkit-transition:all .5s ease; transition:all .5s ease;}
.cat_fold_tit a:hover,.active .cat_fold_tit a,.active .cat_fold_tit iconify-icon{color: var(--i_color);}
.active .cat_fold_tit{background: var(--i_color);}
.active .cat_fold_tit a{color: #FFF;}
.active .cat_fold_tit iconify-icon{color: #FFF; -webkit-transform:rotate(-180deg); transform:rotate(-180deg);}

.cat_fold_sub{display: none; padding:.14rem .2rem;}
.cat_fold_sub dt{box-sizing: border-box;}
.cat_fold_sub a{display: block;padding: .1rem .1rem;font-size: 0.16rem; position: relative;overflow: hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.cat_fold_sub a::before{opacity: 0; content: ''; position:absolute; top:50%; transform:translate(0,-50%); right: 0; width: 0.18rem;height: 0.18rem;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23ef8201' d='M15.707 11.293a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 1 1-1.414-1.414l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;background-size: contain; transition:all .5s ease;}
.cat_fold_sub dt:hover,.cat_fold_sub dt.active{background: #F1F1F1;}
.cat_fold_sub dt:hover a,.cat_fold_sub dt.active a{color: var(--i_color);}
.cat_fold_sub dt:hover a::before, .cat_fold_sub dt.active a::before{opacity: 1; right: 10px;}

@media screen and (max-width:1440px) {
	.cat_nav_tit h4{font-size: 0.28rem;}
}
@media screen and (max-width:1200px) {
	.cat_nav_tit h4{font-size: 0.26rem;}
}
@media screen and (max-width:1024px) {
	.cat_nav::before{display: none;}

	.cat_nav{width: 100%; padding-left: 0; padding-right: 0; background: none;}
	.cat_nav_tit{padding: 14px 28px; margin: 0 0; display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;position: relative;z-index: 2;}
  .cat_nav_tit::before{width: 100%; clip-path:none}
	.cat_nav_tit h4{font-size: 20px;font-weight: bold;}
	.cat_nav_tit iconify-icon{display: block; margin-left: auto;font-size: 26px;color: var(--i_color); position: relative;}

	.cat_nav_list{display: none;box-sizing: border-box;padding: 30px 30px; background: #F1F1F1;}
	.cat_nav_list li{border-top: none; border-bottom: 1px solid rgb(0 88 167 / 10%); background: #FFF;}
	.cat_nav_list li.active{border-color: rgb(0 88 167 / 10%);}
	.cat_fold_tit a{padding: 12px 0;font-size: 17px;}
	.cat_fold_sub a{font-size: 15px;}
}
@media screen and (max-width:768px) {
	.cat_nav_tit{padding: 12px 20px;}
	.cat_nav_tit h4{font-size: 18px;}
	.cat_nav_tit iconify-icon{font-size: 22px;}

	.cat_fold_tit a{font-size: 16px;}
}
@media screen and (max-width:560px) {
	.cat_nav_tit h4{font-size: 16px;}

	.cat_nav_list{padding: 20px 20px 10px;}

	.cat_fold_tit a{font-size: 15px;}
	.cat_fold_tit iconify-icon{font-size: 22px;}
	.cat_fold_sub a{font-size: 14px;}
}






.m10 {
  margin: 0.1rem 0;
}


.plistsss {
  margin-top: 0.4rem;
}
.plistsss .p3_list {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 2%;
}

.plistsss .p3_list li {
  width: 23.5%;
  box-sizing: border-box;
  border: 1px solid var(--border_color);
  background: var(--bjs);
  border-radius: 0.05rem;
  overflow: hidden;
}
.plistsss .p3_list li .img {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
}

.plistsss .p3_list li .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.plistsss .p3_list li .txt {
  padding: 0.15rem;
  box-sizing: border-box;
}
.plistsss .p3_list li .txt p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.plistsss .p3_list li .txt h6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.plistsss .p3_list li:hover img {
  -webkit-transform: scale(1.15, 1.15);
  transform: scale(1.15, 1.15);
}

.plistsss .p3_list li:hover p {
}

.plistsss .p3_list li:hover .btn {
  background: var(--i_color);
  border-color: var(--i_color);
}

.plistsss .p3_list li:hover b {
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .plistsss .p3_list{gap: 30px 4%;}
  .plistsss .p3_list li {
    width: 48%;
  }
}
@media screen and (max-width: 560px) {
  .plistsss .p3_list li .txt{padding: 15px 10px;}
  .plistsss .p3_list li .txt p{margin-bottom: 6px; font-size: 15px;}
}

/* Number of pages */
.in_page_box {
  text-align: center;
  overflow: hidden;
}
.in_page {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.in_page li {
  min-width: 0.32rem;
  margin: 0 0.04rem;
}
.in_page a,
.in_page span {
  display: block;
  padding: 0 0.12rem;
  line-height: 0.32rem;
  font-size: 0.14rem;
  color: #666;
  background: var(--bjs);
  overflow: hidden;
}
.in_page > i {
  margin-top: 0.14rem;
  width: 100%;
  font-size: 0.13rem;
  color: #888;
}
.in_page a:hover,
.in_page .curr_page a,
.in_page .curr_page span {
  border-color: var(--i_color) !important;
  background: var(--i_color);
  color: #fff !important;
}
@media screen and (max-width: 1024px) {
  .in_page_box {
    margin-top: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .in_page li {
    min-width: 0.28rem;
  }
  .in_page a,
  .in_page span {
    line-height: 0.28rem;
    padding: 0 0.1rem;
  }
}
@media screen and (max-width: 560px) {
  .in_page_box {
    margin-top: 0.3rem;
  }
}

.fff {
  color: #fff;
}

.contacts {
  padding: 0.3rem 0.2rem;
  box-sizing: border-box;
  background: url(static/imgs/contacts.webp) no-repeat center;
  background-size: cover;
  border-radius: 0.05rem;
  overflow: hidden;
}

.hline {
  height: 1px;
  width: 100%;
  background: rgba(225, 225, 225, 0.5);
}

.contacts a {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 10px;
}

.contacts a img {
  height: 0.3rem;
}

.topheight {
  height: var(--header_height);
}

.ul_list555 {
  position: relative;
  background:url(static/imgs/pData_bg.webp) no-repeat bottom;
  background-size: 100%;
  overflow: hidden;
}
/* .ul_list555 .yxbj {
  position: absolute;
  left: 0;
  top: 0.2rem;
}
.ul_list555 .wzbj {
  position: absolute;
  right: 0;
  bottom: -8%;
} */
.bline {
  height: 1px;
  width: 100%;
  background: var(--border_color);
}
.ul_list555 .wrap {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: start;
}
.ul_list555 .wrap .left {
  width: 40%;
  position: relative;
}
.ul_list555 .wrap .right {
  width: 55%;
}
.ul_list555 .wrap .right li p {
}
.ul_list555 .wrap .right li h6 {
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
  .contacts{display: none;}
  .topheight {
    display: none;
  }
  .ul_list555 .wrap .left {
    width: 100%;
    margin-bottom: 20px;
  }
  .ul_list555 .wrap .right {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
}
/* atlas */
.p_atlas {
  width: 100%;
  height: 100%;
}
.p_atlas_list {
  position: relative;
  overflow: hidden;
}
.p_atlas_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}
.p_atlas_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.p_atlas_list .swiper-slide::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.p_atlas_list .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* thumbnail */
.p_thumbnail_list {
  width: 100%;
  margin: 20px auto 0;
  box-sizing: border-box;
  padding: 0 0.02rem;
  position: relative;
  overflow: hidden;
}
.p_thumbnail_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 101%;
}
.p_thumbnail_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid var(--border_color);
}
.p_thumbnail_list .swiper-slide::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.p_thumbnail_list .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p_thumbnail_list .swiper-slide-thumb-active {
  border-color: var(--i_color);
}
.thumbnail-prev,
.thumbnail-next {
  position: absolute;
  top: 93%;
  transform: translate(0, -50%);
  width: 46px;
  height: 46px;
  z-index: 3;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 3;
  background: transparent;
  border-radius: 1000px;
  /* border: 1px solid var(--border_color); */
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.thumbnail-prev {
  left: 0.05rem;
}
.thumbnail-next {
  right: 0.05rem;
}
.thumbnail-prev iconify-icon,
.thumbnail-next iconify-icon {
  font-size: 0.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: #666;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.p_thumbnail_list .swiper-button-disabled {
  cursor: not-allowed;
}
.thumbnail-prev:hover,
.thumbnail-next:hover {
  /* background: var(--i_color); */
}
.thumbnail-prev:hover iconify-icon,
.thumbnail-next:hover iconify-icon {
  color: var(--i_color);
}
.thumbnail-pagination {
  margin-top: 10px;
  text-align: center;
}
.thumbnail-pagination,
.thumbnail-pagination span {
  font-size: 14px;
  color: #999;
}

.prbox {
  width: 88%;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .thumbnail-prev,
  .thumbnail-next {
    display: none;
  }
  .p_atlas {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
}
.details_des {
}
.details_des h1 {
  font-size: 32px;
  font-weight: bold;
  color: #222;
  /* border-bottom: .02rem solid rgba(42, 56, 113, 0.5); */
  position: relative;
}
.details_des .cs_list {
  box-sizing: border-box;
  padding: 20px 0;
  border-top: 0.01rem solid #d8d8d8;
  border-bottom: 0.01rem solid #d8d8d8;
}
.details_des .cs_list li {
  color: #333;
}
.details_des .cs_list li:not(:last-child) {
  margin-bottom: 15px;
}
.details_des .cs_list li i {
  font-size: inherit;
  color: #ff0000;
}
.details_des .btnbox {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.2rem;
  padding: 40px 30px;
  box-sizing: border-box;
  border-bottom: 0.01rem solid #333;
}
.details_des .btnbox .btn b {
  height: 0.6rem;
  padding: 0 40px;
  background: var(--i_color);
  color: #fff;
  cursor: pointer;
}
.details_des .btnbox .btnn b.fff {
  background: #fff;
  border: 0.01rem solid rgba(153, 153, 153, 0.6);
  color: #333;
}
.details_des .btnbox .btnn b:hover {
  background: #000;
  color: #fff;
}
.share {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
  align-items: center;
}
.share p {
}
.share a {
}
.bjf7 {
  background: #f7f7f7;
}
.share a:hover {
  /* background: var(--i_color); */
}
.share a:hover iconify-icon {
  color: var(--i_color);
}
.share iconify-icon {
  font-size: 26px;
  color: #d8d8d8;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.share.share2 iconify-icon {
  font-size: 0.4rem;
}
.share iconify-icon:hover {
}
.details_des .fz26.fb {
  /* color: var(--i_color); */
}
.jsp {
}
.btnbox3 {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
}
.btnbox3 a {
  width: 45%;
  padding: 15px 0;
  box-sizing: border-box;
  display: block;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: var(--i_color);
  border-radius: 1rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btnbox3 a:nth-child(2) {
  background: #000;
}
.btnbox3 a:hover {
  -webkit-transform: translate(0, -0.08rem);
  transform: translate(0, -0.08rem);
}
.btn.f b {
  color: #0050cd;
  background: #fff !important;
  border: 0.01rem solid #0050cd;
  border-radius: 5px;
  overflow: hidden;
}
@media screen and (max-width: 1440px) {
  .details_des h1 {
    font-size: 28px;
  }
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
  .details_des h1 {
    font-size: 25px;
  }
}
@media screen and (max-width: 1024px) {
  .share.share2 iconify-icon {
    font-size: 0.22rem;
  }
  .details_des .btnbox .btn b {
    height: auto;
    padding: 0.1rem 0.2rem;
  }
  .details_des .btnbox {
    align-items: center;
  }
  .share {
    margin-left: 20px;
  }
  .share a {
    width: 0.3rem;
    height: 0.3rem;
  }
  .details_des .fz26.fb {
    margin: 10px 0;
  }
  .share a iconify-icon {
    font-size: 26px;
  }
  .details_des .btnbox {
    padding: 20px;
  }
  .details_des h1 {
    font-size: 22px;
  }
  .details_list .swiper-slide {
    box-sizing: border-box;
    border: none;
  }
  .details_list .swiper-slide img {
    width: 100%;
    height: 100%;
  }
  .details_des h1 {
    margin-bottom: 10px;
  }
  .details_box .wrap .left {
    width: 100%;
    margin-bottom: 20px;
  }
  .details_box .wrap .right {
    width: 100%;
  }
  .details_des .cs_list {
    margin-bottom: 10px 0;
  }
  .details_des .btnbox {
  }
  .details_des .btnbox .btnn b {
    padding: 10px 0;
    width: 100%;
    display: block;
    text-align: center;
  }
  .details_des .btnbox .btnn {
    width: 48%;
  }
  .details_box .wrap .left .swiper-wrapper {
    width: 98%;
    margin: 0 auto;
  }
  .details_des .tblist li {
    width: 100%;
  }
  .details_des .tblist li:not(:last-child) {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
}
.dtopbox {
  box-sizing: border-box;
}
.btnbox2 {
  display: table;
  padding: 0.1rem 0.4rem;
  border: 0.01rem solid var(--i_color);
  color: var(--i_color);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  box-sizing: border-box;
}
.btnbox2:hover {
  background: var(--i_color);
  color: #fff;
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
  .btnbox2 {
    margin: 0 auto;
    margin-top: 20px;
    padding: 0.1rem 0.2rem;
    background: var(--i_color);
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
}
.bgfff {
  padding: 0 30px;
  box-sizing: border-box;
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
  .btnbox3 {
    gap: 0.1rem;
  }
  .dtopbox {
    padding: 10px 0;
  }
  .bgfff {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
}

.line {
  height: 1px;
  width: 100%;
  background: var(--border_color);
}

header.active {
  background: #fff;
}

header.active ul > li > a {
  color: #333;
}

header.active .search_ipt::placeholder {
  color: #333;
}

header.active .search_btn {
  background: url(static/imgs/sear.webp) no-repeat center;
  background-size: 0.25rem;
}
header.active .top_language_btn p {
  color: #333;
}

header.active .top_language_btn .icon-quanqiu {
  color: #333;
}

header.active .top_language_btn .icon-xiala {
  color: #333;
}

.hfbox {
  height: 56px;
  width: 100%;
  background: #f1f1f1;
}

/* 选项卡样式 */
.xxbox .xxk {
  margin: 0 auto;
}

.xxbox .tab-list {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--border_color);
  justify-content: start;
  gap: 0 40px;
}

.xxbox .tab {
  padding: 10px 25px;
  cursor: pointer;
  border-bottom: none;
  background-color: var(--bjs);
}

.xxbox .tab.active {
  background-color: var(--i_color);
  color: #fff;
}

.xxbox .tab-content {
}

.xxbox .content {
  display: none;
}

.xxbox .content.active {
  display: block;
}

@media screen and (max-width: 1024px) {
  .xxbox .tab-list{gap: 20px 4%;}
  .xxbox .tab {
    width: 48%;
    box-sizing: border-box;
  }

  .xxbox .tab-list {
    margin-bottom: 0.1rem;
  }
}
@media screen and (max-width: 560px) {
  .xxbox .tab-list{gap: 14px 4%;}
  .xxbox .tab{padding: 10px 16px; font-size: 15px;}
}

.n_t {
}
.n_t .tag {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  align-items: center;
}
.n_t .tag p {
}
.n_t .tag li a {
  border-radius: 0.05rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: table;
  border-radius: 5px;
}
.n_t .tag li a:hover {
  color: var(--i_color);
}
.n_p {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.n_p li{max-width: 45%;}
.n_p li a {
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.2rem 0.1rem;
}
.n_p .img {
  flex-shrink: 0;
  width: 0.38rem;
  height: 0.38rem;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  flex-shrink: 0;
}
.n_p .img iconify-icon {
  color: var(--i_color);
  font-size: 0.28rem;
}
.n_p a:hover iconify-icon {
  color: var(--i_color);
}
.n_p a:hover .img {
}
.n_p a p {
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
  .desboxs {
    padding: 0.1rem;
  }
  .n_t .tag li a {
    padding: 0.05rem 0.1rem;
  }
  .n_p li{width: 100%; max-width: 100%;}
  .n_p .img{order: -1;}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
}

.related_swipers.category {
  background: url(static/imgs/related_bg.webp) no-repeat bottom center;
  background-size: cover;
}

.related_swipers {
  position: relative;
}
.related_swipers .related_list {
  position: relative;
  overflow: hidden;
}
.related_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.related_list .swiper-slide {
  box-sizing: border-box;
  flex-shrink: 0;
  position: relative;
  border: 1px solid #d8d8d8;
  background: #F6F6F6;
}

.related_list .swiper-slide .img {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
  border: 1px solid #d8d8d8;
}
.related_list .swiper-slide .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.related_list .swiper-slide .txt {
  padding: 0.2rem;
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  border-top: none;
}

.related_list .swiper-slide .txt p {
  overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
}

.related_list .swiper-slide .txt h6 {
}

.related_list .swiper-slide:hover img {
  -webkit-transform: scale(1.15, 1.15);
  transform: scale(1.15, 1.15);
}

.related_list .swiper-slide:hover .btn {
  background: var(--i_color);
}

.related_list .swiper-slide:hover .btn b {
  color: #fff;
}

.related-navigation{margin-left: auto; display:-webkit-flex; display:flex; flex-wrap:wrap;gap: 0 .2rem;}
.related-navigation>div{width: 0.5rem;height: 0.5rem;box-sizing: border-box;border: 1px solid #CCC; position: relative; cursor: pointer; overflow: hidden;}
.related-navigation>div::before{content: '';position: absolute;top: -.2rem;left: -.2rem;width: 0.2rem;height: 0.2rem;background: #EF8201; border-radius:50%;transition:all .5s ease;}
.related-navigation iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0.24rem;color: #333;}
.related-navigation>div:first-child iconify-icon{transform:translate(-50%,-50%) rotateY(180deg);}
.related-navigation>div:hover{border-color: #EF8201;}
.related-navigation>div:hover::before{top: -.1rem; left: -.1rem;}
.related-navigation>div:hover iconify-icon{color: #EF8201;}


@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
  .related-prev,
  .related-next {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
  .related_list .swiper-slide .txt{padding: 15px 10px;}
  .related_list .swiper-slide .txt p{margin-bottom: 6px; font-size: 15px;}
}

/* ****************************************  news页面 */

.n_news_list {
  width: 100%;
  display: flex;
  gap: 0.4rem 2.5%;
  flex-wrap: wrap;
}
.n_news_list li{width: 31.66%; box-sizing: border-box; border: 1px solid #DDD;border-radius:.1rem;}
.n_news_list a{display: block; padding: .2rem .2rem .3rem;}

.n_news_list .coverPic{width:100%; position:relative; overflow:hidden}
.n_news_list .coverPic::before{content:""; display:block; padding-bottom:68%}
.n_news_list .coverPic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}

.n_news_list .txt{margin-top: 0.2rem;}
.n_news_list .txt h5{font-size: 0.2rem;font-weight: bold; line-height: 1.5;}
.n_news_list .txt p{margin: .1rem 0 .16rem; font-size: 0.15rem;color:#666; line-height: 1.6;}
.n_news_list .txt h5,.n_news_list .txt p{overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.n_news_list .txt span{display:-webkit-flex; display:flex; flex-wrap:wrap;justify-content: space-between; align-items: center;}
.n_news_list .txt i{font-size: 0.18rem;font-weight: bold; color: #666;}
.n_news_list .txt b{padding: .1rem .2rem; font-size: 0.18rem;color: var(--i_color);display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;gap: 0 5px; background: #FFF; border-radius:5px;}
.n_news_list .txt iconify-icon{font-size: 0.2rem;}

.n_news_list li:hover img{transform: scale(1.05, 1.05);}
.n_news_list li:hover h5{color: var(--i_color);}
.n_news_list li:hover b{color: #FFF; background: var(--i_color);}


@media screen and (max-width:1024px) {
  .n_news_list{gap: 34px 4%;}
  .n_news_list li{width: 48%;}
  .n_news_list .txt h5{font-size: 16px;}
  .n_news_list .txt p{font-size: 14px;}
  .n_news_list .txt i{font-size: 16px;}
  .n_news_list .txt b{font-size: 15px;}
}
@media screen and (max-width:768px) {
  .n_news_list .txt b{display: none;}
}
@media screen and (max-width:560px) {
  .n_news_list{gap: 20px 0;}
  .n_news_list li{width: 100%;}
  .n_news_list .txt h5{font-size: 15px;}
  .n_news_list .txt i{font-size: 14px;}
}






.about__{background:url(static/imgs/about__bg.webp) no-repeat center;background-size: cover;}
.about__ .wrap{display:-webkit-flex; display:flex; flex-wrap:wrap; align-items: center;}
.about__ .t{width: 50%;}
.about__ .t h3{padding-top: 0.16rem; font-size: 0.34rem; font-weight: bold; line-height: 1.4; position: relative;}
.about__ .t h3::before{content: '';position: absolute;left: 0;top: 0;width: .5rem;height: 5px;background: var(--i_color);}
.about__ .t span{font-size: 0.16rem;line-height: 1.8; color: #000;}

.about__ .ai_data{margin-left: auto;}

@media screen and (max-width:1440px) {
  .about__ .t h3{font-size: 0.28rem;}
}
@media screen and (max-width:1024px) {
  .about__ .t{width: 100%;}
  .about__ .t h3{font-size: 20px;}
  .about__ .ai_data{margin-left: 0;}
}
@media screen and (max-width:560px) {
  .about__ .t span{font-size: 14px;}
}






.about__video{position: relative; overflow: hidden;}
.about__video::before{content: '';display: block;padding-bottom: 37.5%;}
.about__video>img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}

.vBtn{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); cursor: pointer;}
.vBtn span{position: relative;}
.vBtn span::before,.vBtn span::after{content: '';position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); box-sizing: border-box;border: 1px solid rgb(255 255 255 / 60%); -webkit-border-radius:50%; border-radius:50%;}
.vBtn span::before{width: 82%;height: 82%; -webkit-animation:diffuse 2s infinite linear; animation:diffuse 2s infinite linear}
.vBtn span::after{width: 100%;height: 100%; -webkit-animation:diffuse 2s infinite linear; animation:diffuse 2s infinite linear}
@keyframes diffuse{
	0% {
		opacity: 0
	}
	5% {
		opacity: 1
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(1.8);
		-ms-transform: translate(-50%, -50%) scale(1.8);
		-o-transform: translate(-50%, -50%) scale(1.8);
		-webkit-transform: translate(-50%, -50%) scale(1.8);
		-moz-transform: translate(-50%, -50%) scale(1.8)
	}
}
.vBtn i{display: block;width: 0.8rem;height: 0.8rem; background: rgb(225, 225, 225, 60); -webkit-border-radius:50%; border-radius:50%; position: relative;}
.vBtn iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0.4rem;color: var(--i_color);}

@media screen and (max-width:1024px) {
  .vBtn i{width: 60px;height: 60px;}
	.vBtn iconify-icon{font-size: 34px;}
}
@media screen and (max-width:560px) {
  .vBtn i{width: 50px;height: 50px;}
	.vBtn iconify-icon{font-size: 30px;}
}







.aboutAdv{background:url(static/imgs/aboutAdv_bg.webp) no-repeat center;background-size: cover;}

.aboutAdv_list{display:-webkit-flex; display:flex; flex-wrap:wrap; gap: 30px 2%;}
.aboutAdv_list dt{width: 32%; box-sizing: border-box; padding: .3rem; background: #FFF; border-radius:6px; text-align: center;}
.aboutAdv_list i{flex-shrink: 0; display: table; margin-left: auto;margin-right: auto; width: 1rem; height: 1rem; position: relative;}
.aboutAdv_list i::before{content: '';position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 0;height: 0;background:linear-gradient(to bottom, #FCE4C7, transparent); border-radius:50%; transition:all .5s ease;}
.aboutAdv_list img{width: 100%; height: 100%; object-fit: contain; position: relative; z-index: 2;}
.aboutAdv_list h5{margin: .2rem 0; font-size: 0.2rem;font-weight: bold;}
.aboutAdv_list p{font-size: 0.15rem; color: #888;line-height: 1.5;}

@media screen and (min-width:1025px) {
  .aboutAdv_list dt:nth-child(n+4){width: 49%; padding: .6rem .6rem; display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center; gap: 0 .4rem; text-align: left;}
  .aboutAdv_list dt:nth-child(n+4) i{margin-left: 0;}
  .aboutAdv_list dt:nth-child(n+4) h5{margin-top: 0;}
}

.aboutAdv_list dt:hover i::before{width: 100%;height: 100%;}
.aboutAdv_list dt:hover h5{color: var(--i_color);}

@media screen and (max-width:1440px) {
  .aboutAdv_list i{width: .8rem;height: .8rem;}
}
@media screen and (max-width:1200px) {
  .aboutAdv_list i{width: .7rem;height: .7rem;}
}
@media screen and (max-width:1024px) {
  .aboutAdv_list dt:nth-child(n+4){width: 49%;}
  .aboutAdv_list i{width: 50px;height: 50px;}
  .aboutAdv_list h5{margin: 10px 0; font-size: 17px;}
}
@media screen and (max-width:768px) {
  .aboutAdv_list{gap: 20px 0;}
  .aboutAdv_list dt{width: 100% !important;}
  .aboutAdv_list i{width: 40px;height: 40px;}
}
@media screen and (max-width:560px) {}







.environment{width: 100%;overflow: hidden;}

.environment_list{padding-bottom: 10px; position:relative;}
.environment_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%}
.environment_list .swiper-slide{opacity: .2; flex-shrink:0; position:relative; overflow: hidden;-webkit-border-radius:6px; border-radius:6px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.environment_list .swiper-slide::before{content: '';display: block;padding-bottom: 61%;}
.environment_list .swiper-slide img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}

.environment_list .swiper-slide-active, .environment_list .swiper-slide-next{opacity: 1;}

.environment-prev,.environment-next{position:absolute; top:50%; transform:translate(0,-50%); width:.44rem; height:.44rem; background: var(--i_color); -webkit-border-radius:4px; border-radius:4px; z-index:3; cursor:pointer; outline:none; -webkit-user-select:none; user-select:none}
.environment-prev{left:-.22rem;}
.environment-next{right:-.22rem;}
.environment-prev iconify-icon,.environment-next iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:0.22rem; color:#FFF;}
.environment_list .swiper-button-disabled{cursor:not-allowed}
.environment-prev:hover,.environment-next:hover{background: var(--i_color);}

.environment-pagination {
    background: #DDD;
    position: relative;
    width: 2rem;
    height: 2px;
    display: block;
    margin-top: 0.6rem;
    margin-left: auto;
    margin-right: auto;
}
.environment-pagination span{
	  background-color: var(--i_color);
	  position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
	  border-radius: 6px;
    height: 2px;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    z-index: 2;
}

@media screen and (max-width:1200px) {
	.environment_list{overflow: hidden;}
	.environment-prev, .environment-next{display: none;}
}
@media screen and (max-width:768px) {
	.environment-pagination{margin-top: 40px;}
}







.customers{background:url(static/imgs/customers_bg.webp) no-repeat center;background-size: cover;}

.customers_list{padding-top: 0.4rem; position:relative; overflow:hidden}
.customers_list .swiper-wrapper{display:flex; position:relative; width:100%}
.customers_list .swiper-slide{flex-shrink:0; position:relative; top: 0; transition:all .5s ease;}

.customers_list .swiper-slide i{width:100%; position:relative; overflow:hidden}
.customers_list .swiper-slide i::before{content:""; display:block; padding-bottom:72%}
.customers_list .swiper-slide i img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}

.customers_list .swiper-slide p{opacity: 0; margin-top: 0.2rem; text-align: center; font-size: 0.18rem;font-weight: bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.customers_list .swiper-slide-active{top: -.4rem;}
.customers_list .swiper-slide-active p{opacity: 1;}

.customers-pagination {
    background: #DDD;
    position: relative;
    width: 2rem;
    height: 2px;
    display: block;
    margin-top: 0.4rem;
    margin-left: auto;
    margin-right: auto;
}
.customers-pagination span{
	  background-color: var(--i_color);
	  position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
	  border-radius: 6px;
    height: 2px;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    z-index: 2;
}

@media screen and (max-width:1024px) {
  .customers_list .swiper-slide p{font-size: 14px;}
}
@media screen and (max-width:560px) {
  .customers_list .swiper-slide p{font-size: 13px;}
  .customers-pagination{margin-top: 10px;}
}








.service__{background:linear-gradient(to bottom, transparent, #F1F1F1);}

.service__nav{border-bottom: 1px solid #DDD; display:-webkit-flex; display:flex; flex-wrap:nowrap; background: #FFF;}
.service__nav li{width: 100%; box-sizing: border-box; border-right: 1px solid #DDD; padding: .3rem .2rem; display:-webkit-flex; display:flex; flex-wrap:nowrap; align-items: center; justify-content: center; gap: 0 .1rem; cursor: pointer;}
.service__nav li:last-child{border-right: none;}
.service__nav iconify-icon{font-size: 0.4rem; color: var(--i_color);}
.service__nav p{font-size: 0.2rem;font-weight: bold;}

.service__nav li.active{background: var(--i_color);}
.service__nav li.active iconify-icon{color: #FFF;}
.service__nav li.active p{color: #FFF;}

@media screen and (max-width:1024px) {
  .service__nav{flex-wrap: wrap;}
  .service__nav li{width: 50%; border: none !important; padding: .16rem .2rem;}
  .service__nav iconify-icon{font-size: 34px;}
  .service__nav p{font-size: 18px;}
}
@media screen and (max-width:768px) {
  .service__nav iconify-icon{font-size: 28px;}
  .service__nav p{font-size: 15px;}
}
@media screen and (max-width:560px) {
  .service__nav li{padding: 20px 12px;}
  .service__nav iconify-icon{font-size: 22px;}
  .service__nav p{font-size: 15px;}
}






.service__show{background: #FFF; position: relative;}
.service__show::before{content: '';position: absolute;right: 0;bottom: 0;width: 1.4rem;height: 1.4rem;background:url(static/imgs/service__icon.webp) no-repeat center; background-size: contain;}

.service__show .item{display: none;}
.service__show .item.active{display: block;}

.service__show .cont{padding: .34rem; display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center; gap: 0 4%;}
.service__show .coverPic{flex-shrink: 0; width:50%; position:relative; overflow:hidden}
.service__show .coverPic::before{content:""; display:block; padding-bottom:62%}
.service__show .coverPic img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; transition:all .5s ease;}

.service__show span{width: 100%; box-sizing: border-box; padding-right: 8%;}

.service__show h5{font-size: 0.22rem;font-weight: bold;}
.service__show p{margin-top: 0.3rem; font-size: 0.16rem;color: #777; line-height: 1.8;}

@media screen and (max-width:1024px) {
  .service__show::before{width: 88px;height: 88px;}
  .service__show span{padding-right: 0;}
  .service__show h5{font-size: 20px;}
  .service__show p{font-size: 15px;}
}
@media screen and (max-width:768px) {
  .service__show::before{display: none;}
  .service__show .cont{flex-wrap: wrap; gap: 30px 0;}
  .service__show .coverPic{width: 100%;}
  .service__show h5{font-size: 18px;}
  .service__show p{margin-top: 16px; font-size: 14px;}
}
@media screen and (max-width:560px) {
  .service__show .cont{padding: 24px;}
  .service__show h5{font-size: 16px;}
}





.serviceAdv{}
.serviceAdv .bgT{position: relative; overflow: hidden; background: #000;}
.serviceAdv .bgT img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}
.serviceAdv .bgT .wrap{box-sizing: border-box; border: 1px solid #FFF; background: rgb(225, 225, 225, .3); padding: .5rem; text-align: center; position: relative; z-index: 2;}
.serviceAdv .bgT h5{font-size: 0.3rem;color: #FFF;font-weight: bold;}
.serviceAdv .bgT p{margin: .1rem 0 .2rem; font-size: 0.16rem;color: #FFF;}
.serviceAdv .bgT h6{font-size: 0.15rem;color: #FFF; line-height: 1.6;}

.serviceAdv_cont{}
.serviceAdv_cont .wrap{display:-webkit-flex; display:flex; flex-wrap:nowrap;}
.serviceAdv_cont dt{width: 100%; padding: .8rem .5rem; box-sizing: border-box; border-right: 1px solid #DDD;}
.serviceAdv_cont dt:last-child{border-right: none;}
.serviceAdv_cont iconify-icon{font-size: 0.6rem;color: var(--i_color);}
.serviceAdv_cont h5{margin: .2rem 0; font-size: 0.22rem;}
.serviceAdv_cont p{font-size: 0.16rem; color: #666; line-height: 1.6;}

@media screen and (max-width:1024px) {
  .serviceAdv .bgT h5{font-size: 24px;}
  .serviceAdv .bgT p{font-size: 15px;}
  .serviceAdv .bgT h6{font-size: 14px;}

  .serviceAdv_cont dt{padding: 38px 20px;}
  .serviceAdv_cont iconify-icon{font-size: 44px;}
  .serviceAdv_cont h5{margin: 10px 0; font-size: 17px; line-height: 1.5;}
  .serviceAdv_cont p{font-size: 14px;}
}
@media screen and (max-width:768px) {
  .serviceAdv .bgT .wrap{padding: 30px;}
  .serviceAdv .bgT h5{font-size: 20px;}

  .serviceAdv_cont{margin: 40px 0;}
  .serviceAdv_cont .wrap{flex-wrap: wrap; gap: 40px 0;}
  .serviceAdv_cont dt{width: 100%; padding: 0 0; border: none;}
  .serviceAdv_cont iconify-icon{font-size: 40px;}
}
@media screen and (max-width:560px) {
  .serviceAdv .bgT .wrap{padding: 20px; background: rgb(225, 225, 225, .2);}
  .serviceAdv .bgT h6{font-size: 13px;}

  .serviceAdv_cont iconify-icon{font-size: 32px;}
  .serviceAdv_cont h5{font-size: 16px;}
}






/* customization_process */
.customization_process_bac {box-sizing:border-box;padding:1rem 0;background:url('static/imgs/htb_bg.webp') no-repeat center;background-size:100% 100%;position:relative;}
.customization_process {}

.customization_process .title_box h2{color: #FFF;}

.customization_process_ul {display:flex;display:-webkit-flex;gap:0.6rem;margin-top:0.6rem;align-items:flex-start;position:relative;z-index:2;}
.customization_process_bac::after {content:'';position:absolute;width:100%;height:1.59rem;background:url('static/imgs/sbc.webp') no-repeat center;background-size:cover;top:57%;left:0;transform:translate(0,-50%);}
.customization_process_ul li {width:calc((100% - 2.4rem) / 5);box-sizing:border-box;padding:0.45rem 0.2rem 0.6rem 0.2rem;border-radius:0.06rem;background-color:#fff;box-shadow:0 0.29rem 0.35rem rgba(115,169,212,0.3);}
.customization_process_ul li:nth-child(even) {margin-top:0.8rem;}
.customization_process_img {width:1rem;height:1rem;background:#666;position:relative;border-radius:0.04rem;display:flex;display:-webkit-flex;justify-content:center;align-items:center;margin:0 auto;transition:all 0.3s ease;}
.customization_process_img h3 {font-size:0.26rem;color:#fff;position:absolute;width:0.4rem;height:0.4rem;flex-shrink:0;background:var(--i_color);display:flex;display:-webkit-flex;justify-content:center;align-items:center;border-radius:50%;top:-0.18rem;left:50%;transform:translateX(-50%);transition:all 0.3s ease;}
.customization_process_img img {width:0.6rem;height:0.6rem;object-fit:contain;margin-top:0.1rem;}
.customization_process_text {}
.customization_process_text h4 {font-size:0.24rem;color:var(--i_color2);font-weight:bold;margin:0.2rem 0 0.15rem 0;text-align:center;text-transform:capitalize;transition:all 0.3s ease;}
.customization_process_text h5 {font-size:0.16rem;color:#5A6C7B;text-align:center;}
.customization_process_ul li:hover .customization_process_img {background:var(--i_color);}
.customization_process_ul li:hover .customization_process_img h3 {background-color:var(--i_color);}
.customization_process_ul li:hover .customization_process_text h4 {color:var(--i_color);}
.customization_process_ul li:hover .customization_process_img h3 {background:#999;}

@media screen and (max-width:1440px) {
  .customization_process_ul {gap:0.5rem;}
  .customization_process_ul li {width:calc((100% - 2rem) / 5);}
  .customization_process_text h4 {font-size:0.22rem;}
}
@media screen and (max-width:1200px) {
  .customization_process_ul {gap:0.4rem;}
  .customization_process_ul li {width:calc((100% - 1.6rem) / 5);}
  .customization_process_text h4 {font-size:0.2rem;}
}
@media screen and (max-width:1024px) {
  .customization_process_bac{padding: 60px 0;}
  .customization_process_ul {gap:0.3rem;}
  .customization_process_ul li {width:calc((100% - 1.2rem) / 5);}
  .customization_process_text h4 {font-size:0.18rem;}
}
@media screen and (max-width:959px) {
  .customization_process_ul {gap:0.2rem;}
  .customization_process_ul li {width:calc((100% - 0.8rem) / 5);}
  .customization_process_text h4 {font-size:0.16rem;}
}
@media screen and (max-width:767px) {
  .customization_process_ul li {width:calc((100% - 0.4rem) / 3);}
  .customization_process_ul li {padding:0.4rem 0.1rem 0.4rem 0.1rem;}
  .customization_process_ul {flex-wrap:wrap;}
  .customization_process_ul li:nth-child(even) {margin-top:0rem;}
  .customization_process_ul {align-items:unset;}
  .customization_process_img img {width:0.5rem;height:0.5rem;}
  .customization_process_ul {justify-content:center;}
}
@media screen and (max-width:560px) {
  .customization_process_bac {padding: 40px 0; background:#111;}
  .customization_process_bac::after{display: none;}
  .customization_process_ul li {width:calc((100% - 0.2rem) / 2);}
  .customization_process_img {width:0.8rem;height:0.8rem;}
  .customization_process_img img {width:0.4rem;height:0.4rem;}
  .customization_process_ul li:nth-child(5) {width:100%;}
}







.sendForm{background:url(static/imgs/sendForm_bg.webp) no-repeat bottom center;background-size: cover;}

#wpforms-79{
    --wpforms-field-size-input-height:50px;
    --wpforms-field-border-size:0;
    --wpforms-button-background-color:var(--i_color);
    --wpforms-button-border-color:var(--i_color);
    --wpforms-page-break-color:var(--i_color);
    --wpforms-label-error-color:#d63637;
}
#wpforms-79{margin:0;padding:0;}
#wpforms-form-79{width:100%;position:relative;}

#wpforms-79 .wpforms-field-container{}
#wpforms-79 .wpforms-field-container>.wpforms-field{width: 100%;padding: 0 1px 20px;margin: 0 0 10px;overflow-x:initial !important; position: relative;}

#wpforms-79 .wpforms-field-container .wpforms-field-label{height: 0; font-size: 0;margin: 0 0;}
#wpforms-79 .wpforms-field-container .wpforms-required-label{position: absolute;top: 4px; left: 4px; font-size: 15px;color: #F00;font-weight: bold;}

#wpforms-79 .wpforms-field-container .wpforms-field>input{height: 0.46rem;}
#wpforms-79 .wpforms-field-container .wpforms-field>input,
#wpforms-79 .wpforms-field-container textarea
{border: 1px solid #CCC; background: #FFF;}
#wpforms-79 .wpforms-form em.wpforms-error,#wpforms-79 .wpforms-form label.wpforms-error{position: absolute;left: 0;bottom: 0;font-size: 13px;color: #F00;}

#wpforms-79 .wpforms-field-container .wpforms-field>input,
#wpforms-79 .wpforms-field-container textarea,
#wpforms-79 .wpforms-field-container select,
#wpforms-79 .wpforms-field-container .choices
{width: 100%;max-width: 100%; box-sizing: border-box; margin: 0 0;}
#wpforms-79 .wpforms-field-container .wpforms-field>input,
#wpforms-79 .wpforms-field-container textarea,
#wpforms-79 .wpforms-field-container select
{padding-left: 14px;padding-right: 14px;}
#wpforms-79 .wpforms-field-container textarea{height: 1.6rem; padding-top: 10px;padding-bottom: 10px;}
#wpforms-79 .wpforms-field-container fieldset ul{padding: 0 2px; display:flex; flex-wrap:wrap;}
#wpforms-79 .wpforms-field-container select{cursor: pointer;}
#wpforms-79 .wpforms-field-container .wpforms-datepicker-wrap{width: 310px;}
#wpforms-79 .wpforms-field-container .wpforms-datepicker-wrap input{width: 100%;max-width: 100%;}
#wpforms-79 .wpforms-field-container .wpforms-datepicker-clear{right: 10px;}
#wpforms-79 .wpforms-field-container em.wpforms-error,#wpforms-79 .wpforms-field-container .mailcheck-error{position: absolute; margin: 0 0; bottom: -2px;}

/* #wpforms-79 input::placeholder, #wpforms-79 textarea::placeholder{color:#333;font-size:16px} */

#wpforms-79 .wpforms-field-container{display:flex; flex-wrap:wrap;justify-content: space-between;}
#wpforms-79-field_1-container,
#wpforms-79-field_2-container
{width: 49% !important;}

#wpforms-79 .wpforms-submit-container{width: 240px;margin: 0 auto; padding:0 0}
#wpforms-79 .wpforms-submit-container button{width: 100%;height:.44rem; font-size: 15px; color: #FFF; background: var(--i_color);}
#wpforms-79 .wpforms-submit-container img{position:absolute;top:50%;transform:translate(0,-50%);right:4px;z-index:2}
#wpforms-79 .wpforms-submit-container button:hover{background: #cd6f00;}







.faqBox{}
.faqBox .wrap{display:-webkit-flex; display:flex; flex-wrap:nowrap;gap: 0 7%;}
.faqBox_tit{min-height: 5rem; flex-shrink: 0; width: 30%; background:url(static/imgs/faq_icon.webp) no-repeat top left;background-size: contain;}
.faqBox_tit h5{margin-bottom: 0.24rem; font-size: 0.4rem;font-weight: bold;}
.faqBox_tit h5 i{color: var(--i_color); font-weight: bold;}
.faqBox_tit p{font-size: 0.16rem; color: #666; line-height: 1.8;}

.fold_list{margin-left: auto; width: 100%;}
.fold_list li{position: relative;}
.fold_list li::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: var(--border_color);}

.fold_list .tit{padding: .3rem .2rem; display:-webkit-flex; display:flex; flex-wrap:nowrap;gap: 0 .14rem;align-items: baseline;position: relative;cursor: pointer;}
.fold_list .tit::before{content: '';position: absolute; left:50%; transform:translate(-50%,0); top: 0;width: 0;height: 2px;background: var(--i_color);}

.fold_list .qa{flex-shrink: 0; display: block; width: 0.3rem;height: 0.3rem;line-height: .3rem;text-align: center;font-size: 0.18rem;font-weight: bold; color: #333;}
.fold_list .qa{background: #DDD;}

.fold_list .tit p{font-weight: bold; padding-right: .8rem;}
.fold_list .tit.active{background: #F4F4F4;}
.fold_list .tit.active::before{width: 100%;-webkit-transition:all .5s ease; transition:all .5s ease;}
.fold_list .tit.active .qa{background: var(--i_color); color: #FFF;}

.fold_list .tit b{position:absolute; top:50%; transform:translate(0,-50%);right: .2rem; width: 0.26rem;height: 0.26rem;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 13H5v-2h6V5h2v6h6v2h-6v6h-2z'/%3E%3C/svg%3E") no-repeat center; background-size: contain;}
.fold_list .tit.active b{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 12.998H5v-2h14z'/%3E%3C/svg%3E") no-repeat center;}

.fold_list .txt{display: none;padding: .2rem .2rem .3rem;}
.fold_list .txt span{display:-webkit-flex; display:flex; flex-wrap:nowrap;gap: 0 .14rem;align-items: baseline;}

@media screen and (max-width:1024px) {
  .faqBox .wrap{flex-wrap: wrap;gap: 40px 0;}
  .faqBox_tit{width: 100%; min-height: auto;}
  .faqBox_tit h5{margin-bottom: 10px; font-size: 28px;}
  .faqBox_tit p{font-size: 15px;}

  .fold_list .tit{padding: 24px 20px;}
}
@media screen and (max-width:768px) {
  .faqBox_tit h5{font-size: 22px;}

	.fold_list .qa{width: 26px;height: 26px;line-height: 26px;font-size: 16px;}
}
@media screen and (max-width:560px) {
  .faqBox_tit h5{font-size: 18px;}
  .faqBox_tit p{font-size: 14px; line-height: 1.5;}

	.fold_list .tit{padding: .14rem .2rem;}
  .fold_list .tit p{padding-right: 50px;}
	.fold_list .qa{width: 22px;height: 22px;line-height: 22px;font-size: 14px;}
}






.contact__{}

.contactCont{display:-webkit-flex; display:flex; flex-wrap:nowrap; align-items: center; gap: 0 10%;}
.contactCont .t{width: 100%;}
.contactCont .t h4{font-size: 0.48rem; color: var(--i_color); font-weight: bold;}
.contactCont .t p{margin: .46rem 0 .28rem; font-size: 15px;color: var(--i_color);}
.contactCont .t h5{font-size: 0.44rem; font-weight: bold;}
.contactCont .t h6{margin: .28rem 0 .46rem; font-size: 0.18rem; line-height: 1.6;}
.contactCont .t i{font-size: 0.16rem;color: #666; line-height: 1.6;}

.c_contact {flex-shrink: 0; box-sizing:border-box;padding:.6rem;width:50%;margin-left:auto;background:#EEE;}
.c_contact h2 {font-size:0.36rem;color:#222;position:relative;padding-bottom:0.2rem;font-weight:bold;}
.c_contact h2::before {content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#222;}
.c_contact_list {margin-top:0.4rem;display:-webkit-flex;display:flex;flex-wrap:wrap;}
.c_contact_list dt {width: 100%; padding-bottom:0.3rem;margin-bottom:0.3rem;display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid #CCC;}
.c_contact_list dt:last-child{margin-bottom: 0;}

.c_contact_list .ico {width:.5rem;height:.5rem;-webkit-border-radius:50%;border-radius:50%;box-sizing:border-box;border:1px solid #999;position:relative;}
.c_contact_list .ico::before,.c_contact_list .ico::after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;border:1px solid #CCC;-webkit-border-radius:50%;border-radius:50%;opacity:0;}
.c_contact_list .ico iconify-icon {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size: 0.24rem;}

.c_contact_list span {margin-left:auto;width:calc(100% - .5rem - .24rem);}
.c_contact_list b {font-size:0.16rem;color:#999;}
.c_contact_list a,.c_contact_list p {margin-top:0.1rem;display:block;font-size:0.18rem;color:#222;transition:all 0.3s ease;}
.c_contact_list dt:hover .ico::before,.c_contact_list dt:hover .ico::before,.c_contact_list dd:hover .ico::before,.c_contact_list dd:hover .ico::before {animation:c_contact_ico1 1.5s 0s ease infinite;}
.c_contact_list dt:hover .ico::after,.c_contact_list dt:hover .ico::after,.c_contact_list dd:hover .ico::after,.c_contact_list dd:hover .ico::after {animation:c_contact_ico2 1.5s 0s ease infinite;}

@keyframes c_contact_ico1 {
  0% {opacity:0}
  5% {opacity:1}
  80% {opacity:0}
  100% {opacity:0;transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5)}
}
@keyframes c_contact_ico2 {
  0% {opacity:0}
  5% {opacity:1}
  80% {opacity:0}
  100% {opacity:0;transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);-webkit-transform:scale(2);-moz-transform:scale(2)}
}
.c_contact_list dt:hover iconify-icon{color: var(--i_color);}
.c_contact_list a:hover,.c_contact_list p:hover {color:var(--i_color);}

@media screen and (max-width:1366px) {
  .contactCont .t h4{font-size: 0.44rem;}
  .contactCont .t h5{font-size: 0.4rem;}
  .c_contact h2{font-size: 0.3rem;}
}
@media screen and (max-width:1024px) {
  .contactCont{flex-wrap: wrap; gap: 50px 0;}
  .contactCont .t h4{font-size: 30px;}
  .contactCont .t h5{font-size: 26px;}

  .c_contact{width: 100%; padding: 40px;}
  .c_contact h2{font-size: 18px;}
}
@media screen and (max-width:768px) {
  .contactCont .t h4{font-size: 26px;}
  .contactCont .t p{margin: 14px 0 20px;}
  .contactCont .t h5{font-size: 22px;}
  .contactCont .t h6{margin: 16px 0;}
  .contactCont .t h6,.contactCont .t i{font-size: 14px;}

  .c_contact{padding: 30px;}
}
@media screen and (max-width:560px) {
  .contactCont{gap: 36px 0;}
  .c_contact h2{font-size: 17px;}
  .c_contact_list a, .c_contact_list p{font-size: 16px;}
}







.map{width: 100%; position: relative; overflow: hidden;}
.map::before{content: '';display: block; padding-bottom: 34%;}
.map iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

@media screen and (max-width:1024px) {
  .map::before{padding-bottom: 50%;}
}
@media screen and (max-width:560px) {
  .map::before{padding-bottom: 70%;}
}