body {
  --bj: 10vw;
  --top: 0.8rem;
}
.p100 {
  padding-top: 1rem;
}
.p100_ {
  padding-bottom: 1rem;
}
.f64 {
  font-size: 0.64rem;
  line-height: 1.2;
}
.f48 {
  font-size: 0.48rem;
  line-height: 1.2;
}
.f46 {
  font-size: 0.46rem;
  line-height: 1.2;
}
.f36 {
  font-size: 0.36rem;
  line-height: 1.2;
}
.f26 {
  font-size: 0.26rem;
  line-height: 1.2;
}
.f22 {
  font-size: 0.22rem;
  line-height: 1.2;
}
.w1520 {
  padding: 0 10vw;
}
.public_anchor {
  position: relative;
  top: calc(var(--top) * -1);
}
.pc_header {
  z-index: 5;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}
.pc_header .he_box {
  transition: 0.6s;
}
.pc_header .he_box .logo a {
  position: relative;
}
.pc_header .he_box .logo a img {
  transition: 0.4s;
  opacity: 0;
  height: 0.46rem;
}
.pc_header .he_box .logo a .white {
  position: absolute;
  opacity: 1;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.pc_header .he_box .column {
  flex: 1;
}
.pc_header .he_box .column .nav .slide {
  position: relative;
  padding: 0 0.22rem;
}
.pc_header .he_box .column .nav .slide .item a {
  line-height: 0.8rem;
  transition: 0.4s;
  color: #fff;
  opacity: 0.7;
  font-size: .2rem;
}
.pc_header .he_box .column .nav .slide .down_list {
  display: none;
  position: absolute;
  width: 160%;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
}
.pc_header .he_box .column .nav .slide .down_list .st_box {
  text-align: center;
}
.pc_header .he_box .column .nav .slide .down_list .st_box a {
  transition: 0.6s;
  color: #000;
  line-height: 0.5rem;
}
.pc_header .he_box .column .nav .slide .down_list .st_box a:hover {
  text-decoration: underline;
  color: #004ca1;
}
.pc_header .he_box .column .nav .slide:hover .down_list {
  display: block;
}
.pc_header .he_box .column .nav .slide:hover .item a,
.pc_header .he_box .column .nav .slide.active .item a {
  opacity: 1;
}
.pc_header .he_box .menu .lang a {
  color: #fff;
}
.pc_header .he_box .menu .lang a i {
  font-size: 0.8em;
}
.pc_header .he_box .menu .search {
  margin-left: 0.6rem;
  position: relative;
  cursor: pointer;
}
.pc_header .he_box .menu .search img {
  max-width: 0.16rem;
  transition: .4s;
}
.pc_header .he_box .menu .search i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-weight: bold;
    color: #fff;
    transition: .4s;
    opacity: 0;
    font-size: 1.2em;
}
.pc_header .he_box .menu .search.active img {
    opacity: 0;
}
.pc_header .he_box .menu .search.active i {
    opacity: 1;
}

.pc_header.sticky {
  position: sticky;
}
.pc_header.sticky .he_box,
.pc_header:hover .he_box,
.pc_header.active .he_box {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.pc_header.sticky .he_box .logo a img,
.pc_header:hover .he_box .logo a img,
.pc_header.active .he_box .logo a img {
  opacity: 1;
}
.pc_header.sticky .he_box .logo a .white,
.pc_header:hover .he_box .logo a .white,
.pc_header.active .he_box .logo a .white {
  opacity: 0;
}
.pc_header.sticky .he_box .column .slide .item a,
.pc_header:hover .he_box .column .slide .item a,
.pc_header.active .he_box .column .slide .item a {
  opacity: 1;
  color: #000;
}
.pc_header.sticky .he_box .column .slide:hover .item a,
.pc_header:hover .he_box .column .slide:hover .item a,
.pc_header.active .he_box .column .slide:hover .item a,
.pc_header.sticky .he_box .column .slide.active .item a,
.pc_header:hover .he_box .column .slide.active .item a,
.pc_header.active .he_box .column .slide.active .item a {
  color: #004ca1;
}
.pc_header.sticky .he_box .menu .lang a,
.pc_header:hover .he_box .menu .lang a,
.pc_header.active .he_box .menu .lang a {
  color: #000;
}
.pc_header.sticky .he_box .menu .search i,
.pc_header:hover .he_box .menu .search i,
.pc_header.active .he_box .menu .search i  {
    color: #000;
}
.pc_header.sticky .he_box .menu .search img,
.pc_header:hover .he_box .menu .search img,
.pc_header.active .he_box .menu .search img {
  filter: brightness(0);
}
.pc_footer {
  background: #00152d;
  padding: 0.5rem 0;
}
.pc_footer .fo_box .ter_top {
  margin-bottom: 0.48rem;
}
.pc_footer .fo_box .ter_top .le_box .logo a img {
  height: 0.46rem;
}
.pc_footer .fo_box .ter_top .le_box .share {
  margin-left: 0.7rem;
}
.pc_footer .fo_box .ter_top .le_box .share .item {
  position: relative;
  cursor: pointer;
  margin-right: 0.1rem;
}
.pc_footer .fo_box .ter_top .le_box .share .item:last-child {
  margin-right: 0;
}
.pc_footer .fo_box .ter_top .le_box .share .item > a {
  transition: 0.6s;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
}
.pc_footer .fo_box .ter_top .le_box .share .item > a img {
  margin: auto;
  max-width: 50%;
  max-height: 50%;
}
.pc_footer .fo_box .ter_top .le_box .share .item .post {
  transition: 0.4s;
  opacity: 0;
  position: absolute;
  top: 120%;
  left: 50%;
  transform: translateX(-50%);
  width: 1.2rem;
  pointer-events: none;
}
.pc_footer .fo_box .ter_top .le_box .share .item .post img {
  width: 100%;
}
.pc_footer .fo_box .ter_top .le_box .share .item:hover > a {
  background: #004ca1;
}
.pc_footer .fo_box .ter_top .le_box .share .item:hover .post {
  opacity: 1;
}
.pc_footer .fo_box .ter_top .ri_box .li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: 0.4rem;
}
.pc_footer .fo_box .ter_top .ri_box .li:last-child {
  margin-right: 0;
}
.pc_footer .fo_box .ter_top .ri_box .li div {
  width: 0.2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pc_footer .fo_box .ter_top .ri_box .li div img {
  max-width: 100%;
}
.pc_footer .fo_box .ter_top .ri_box .li a {
  margin-left: 0.1rem;
  font-family: MontserratBold;
  transition: 0.4s;
  color: rgba(255, 255, 255, 0.8);
}
.pc_footer .fo_box .ter_top .ri_box .li a:hover {
  color: #fff;
}
.pc_footer .fo_box .ter_cen {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.66rem 0 1.6rem;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.2rem;
}
.pc_footer .fo_box .ter_cen .one {
  margin-bottom: 0.32rem;
}
.pc_footer .fo_box .ter_cen .one a {
  color: #ffffff;
}
.pc_footer .fo_box .ter_cen .two {
  display: grid;
  gap: 0.16rem;
}
.pc_footer .fo_box .ter_cen .two a {
  transition: 0.4s;
  color: rgba(255, 255, 255, 0.5);
}
.pc_footer .fo_box .ter_cen .two a:hover {
  color: #fff;
}
.pc_footer .fo_box .ter_bot .copy p {
  color: rgba(255, 255, 255, 0.5);
  margin-right: 0.06rem;
}
.pc_footer .fo_box .ter_bot .copy p:last-child {
  margin-right: 0;
}
.pc_footer .fo_box .ter_bot .copy p a {
  display: inline;
  transition: 0.4s;
  color: rgba(255, 255, 255, 0.5);
}
.pc_footer .fo_box .ter_bot .copy p a:hover {
  color: #fff;
}
.pc_footer .fo_box .ter_bot .yq_link {
  position: relative;
}
.pc_footer .fo_box .ter_bot .yq_link .k1 {
  transition: 0.4s;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5);
}
.pc_footer .fo_box .ter_bot .yq_link .k1 i {
  margin-left: 0.08rem;
  margin-top: .06rem;
  font-size: 0.8em;
}
.pc_footer .fo_box .ter_bot .yq_link .k1:hover {
  color: #fff;
}
.pc_footer .fo_box .ter_bot .yq_link .k2 {
  transition: 0.4s;
  opacity: 0;
  position: absolute;
  width: 150%;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  text-align: center;
  pointer-events: none;
}
.pc_footer .fo_box .ter_bot .yq_link .k2 a {
  line-height: 0.5rem;
  color: #000;
}
.pc_footer .fo_box .ter_bot .yq_link .k2 a:hover {
  color: #004ca1;
  text-decoration: underline;
}
.pc_footer .fo_box .ter_bot .yq_link:hover .k2 {
  opacity: 1;
  pointer-events: all;
}
.pu_banner {
  position: relative;
}
.pu_banner .ban_bk {
  width: 100%;
}
.pu_banner .ban_bk img {
  width: 100%;
}
.pu_banner .ban_post {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.pu_banner .ban_post > div {
  width: 100%;
  margin: auto;
}
.pu_secondary {
  background: #f9f9f9;
}
.pu_secondary .ry_box {
  display: flex;
  white-space: nowrap;
  overflow: auto;
}
.pu_secondary .ry_box::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.pu_secondary .ry_box a {
  position: relative;
  transition: 0.4s;
  color: #666;
  line-height: 1rem;
  margin-right: 0.36rem;
}
.pu_secondary .ry_box a:last-child {
  margin-right: 0;
}
.pu_secondary .ry_box a::before {
  transition: 0.6s;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 0.03rem;
  border-radius: 2px;
  background: #004ca1;
}
.pu_secondary .ry_box a:hover,
.pu_secondary .ry_box a.active {
  color: #000;
}
.pu_secondary .ry_box a:hover::before,
.pu_secondary .ry_box a.active::before {
  width: 100%;
}
.pu_page {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.pu_page .prev a,
.pu_page .next a {
  transition: 0.6s;
  width: 0.56rem;
  height: 0.56rem;
  background: #dadada;
  border-radius: 50%;
  display: flex;
}
.pu_page .prev a i,
.pu_page .next a i {
  font-weight: bold;
  font-size: 0.8em;
  margin: auto;
  color: #fff;
}
.pu_page .prev a:hover,
.pu_page .next a:hover {
  background: #004ca1;
}
.pu_page .prev {
  margin-right: 0.4rem;
}
.pu_page .next {
  margin-left: 0.4rem;
}
.pu_page .number {
  display: flex;
}
.pu_page .number a {
  margin: 0 0.2rem;
  transition: 0.4s;
  color: #000;
  font-family: MontserratMedium;
}
.pu_page .number a:hover,
.pu_page .number a.active {
  color: #004ca1;
}
.pu_titie .t1 {
  color: #000;
}
.pu_titie .t2 {
  font-family: "MontserratBold";
  text-transform: uppercase;
  color: #004ca1;
}
.pu_titie.white .t1,
.pu_titie.white .t2 {
  color: #fff;
}
.pu_link {
  display: inline-block;
}
.pu_link a {
  color: #000;
}
.pu_link a i {
  width: 0.66rem;
  height: 0.66rem;
  background: #004ca1;
  border-radius: 50%;
}
.pu_link a span {
  transition: 0.4s;
  margin-left: -0.26rem;
  text-transform: uppercase;
  font-family: MontserratBold;
}
.pu_link a:hover span {
  margin-left: -0.46rem;
}
.pu_link.white a {
  color: #fff;
}
.index_banner {
  position: relative;
}
.index_banner .swiper .swiper-slide .slide_img {
  width: 100%;
}
.index_banner .swiper .swiper-slide .slide_img img,
.index_banner .swiper .swiper-slide .slide_img video {
  width: 100%;
  height: var(--vh);
}
.index_banner .swiper .swiper-slide .slide_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
}
.index_banner .swiper .swiper-slide .slide_post .ani {
  width: 100%;
  margin: auto;
  color: #fff;
}
.index_banner .swiper .swiper-slide .slide_post .ani .content1 p {
  line-height: 1.4;
}
.index_banner .swiper .swiper-slide .slide_post .ani .content2 {
  margin-top: 0.6rem;
}
.index_banner .pu_switch {
  z-index: 2;
  width: 100%;
  position: absolute;
  bottom: 0.4rem;
}
.index_banner .pu_switch > div {
  position: relative;
}
.index_banner .pu_switch .toggle {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.index_banner .pu_switch .toggle .prev i,
.index_banner .pu_switch .toggle .next i {
  transition: 0.4s;
  opacity: 0.6;
  cursor: pointer;
  color: #fff;
}
.index_banner .pu_switch .toggle .prev i:hover,
.index_banner .pu_switch .toggle .next i:hover {
  opacity: 1;
}
.index_banner .pu_switch .toggle .next {
  margin-left: 0.06rem;
}
.index_banner .pu_switch .page {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.index_banner .pu_switch .page span {
  color: #fff;
}
.index_banner .pu_switch .page span:last-child {
  opacity: 0.3;
}
.index_banner .pu_switch .page i {
  position: relative;
  margin: 0 0.1rem;
  width: 0.4rem;
  height: 0.02rem;
  background: rgba(255, 255, 255, 0.2);
}
.index_banner .pu_switch .page i::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  width: 50%;
  height: 100%;
  background: #fff;
}
.index_company .ny_bot {
  margin-top: 0.62rem;
}
.index_company .ny_bot .le_box {
  width: 53%;
  border-radius: 0.3rem;
  overflow: hidden;
}
.index_company .ny_bot .le_box img {
  transition: 0.4s;
  width: 100%;
  border-radius: 0.3rem;
}
.index_company .ny_bot .le_box:hover img {
  transform: scale(1.05);
}
.index_company .ny_bot .ri_box {
  width: 47%;
  padding-left: 7%;
}
.index_company .ny_bot .ri_box .content1 .txt {
  color: #000;
}
.index_company .ny_bot .ri_box .content1 .desc {
  margin: 0.3rem 0;
  color: #666;
  height: 1.6rem;
  line-height: 0.32rem;
  overflow: auto;
  padding-right: 0.1rem;
}
.index_company .ny_bot .ri_box .content1 .desc::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.index_company .ny_bot .ri_box .content1 .desc::-webkit-scrollbar-thumb {
  background: #004ca1;
}
.index_company .ny_bot .ri_box .content1 .desc::-webkit-scrollbar-track {
  background: rgba(0, 76, 161, 0.5);
}
.index_company .ny_bot .ri_box .content2 {
  margin-top: 0.8rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.36rem;
}
.index_company .ny_bot .ri_box .content2 .item .em_top {
  border-bottom: 1px solid #d7d7d7;
}
.index_company .ny_bot .ri_box .content2 .item .em_top .data {
  color: #004ca1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.index_company .ny_bot .ri_box .content2 .item .em_top .data p {
  font-weight: bold;
  line-height: 0.8;
}
.index_company .ny_bot .ri_box .content2 .item .em_top .data span {
  margin-left: 0.1rem;
}
.index_company .ny_bot .ri_box .content2 .item .em_top .tips {
  margin: 0.1rem 0 0.2rem;
  color: #000;
}
.index_company .ny_bot .ri_box .content2 .item .em_bot {
  margin-top: 0.2rem;
}
.index_company .ny_bot .ri_box .content2 .item .em_bot img {
  max-width: 0.38rem;
}
.index_field {
  background: url('../images/3.jpg') no-repeat;
  background-size: cover;
  padding: 1.3rem 0;
}
.index_field .ld_box {
  padding-left: var(--bj);
}
.index_field .ld_box .le_box {
  width: 35%;
  padding-right: 5%;
}
.index_field .ld_box .le_box > div {
  height: 100%;
  padding: 0.6rem 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
.index_field .ld_box .le_box .content1 .desc {
  margin-top: 0.34rem;
  color: #666;
  line-height: 1.6;
}
.index_field .ld_box .le_box .content2 div i {
  cursor: pointer;
  transition: 0.4s;
  color: rgba(102, 102, 102, 0.4);
}
.index_field .ld_box .le_box .content2 div i:hover {
  color: #004ca1;
}
.index_field .ld_box .le_box .content2 .next {
  margin-left: 0.1rem;
}
.index_field .ld_box .ri_box {
  width: 65%;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a {
  position: relative;
  overflow: hidden;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a .de_bk {
  width: 100%;
  border-radius: 0.2rem;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a .de_bk img {
  width: 100%;
  border-radius: 0.2rem;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a .de_post {
  transition: 0.8s;
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 0.2rem;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a .de_post > div {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0.88rem 0.2rem 0.42rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a .de_post > div .svg img {
  height: 2.04rem;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a .de_post > div .cen {
  transition: 0.6s;
  opacity: 0;
  margin: 0.4rem 0;
  flex: 1;
  color: #fff;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a .de_post > div .cen .desc {
  margin-top: 0.2rem;
  line-height: 0.3rem;
  height: 70%;
  overflow: auto;
  padding-right: 0.1rem;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a .de_post > div .cen .desc::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a .de_post > div .cen .desc::-webkit-scrollbar-thumb {
  background: #ffffff;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a .de_post > div .cen .desc::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.5);
}
.index_field .ld_box .ri_box .swiper .swiper-slide a .de_post > div .bot {
  position: relative;
  color: #fff;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a .de_post > div .bot .w1 {
  opacity: 0.8;
  transition: 0.6s;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a .de_post > div .bot .w2 {
  opacity: 0;
  transition: 0.6s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a .de_post > div .bot .w2 span {
  font-family: MontserratBold;
  text-transform: uppercase;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a .de_post > div .bot .w2 i {
  font-size: 0.9em;
  font-weight: bold;
  margin-left: 0.06rem;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a:hover .de_post {
  background: linear-gradient(to right, rgba(52, 57, 146, 0.9), rgba(99, 52, 146, 0.9));
}
.index_field .ld_box .ri_box .swiper .swiper-slide a:hover .de_post > div .cen {
  opacity: 1;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a:hover .de_post > div .bot .w1 {
  opacity: 0;
}
.index_field .ld_box .ri_box .swiper .swiper-slide a:hover .de_post > div .bot .w2 {
  opacity: 1;
}
.pu_rumbs .bs_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #999;
}
.pu_rumbs .bs_box .home {
  display: flex;
  align-items: center;
}
.pu_rumbs .bs_box i {
  font-size: 0.8em;
  margin: 0 0.04rem;
}
.pu_rumbs .bs_box a {
  transition: 0.4s;
  color: #999;
}
.pu_rumbs .bs_box a:hover {
  color: #004ca1;
}
.pu_rumbs .bs_box span {
  color: #004ca1;
}
.product_box .ct_top {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.46rem 0.26rem;
}
.product_box .ct_top .item {
  position: relative;
}
/*.product_box .ct_top .item::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 60%;*/
/*  background: #f2f2f2;*/
/*  border-radius: 0.2rem;*/
/*}*/
.product_box .ct_top .item::after {
  transition: 0.6s;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 0.03rem;
  background: #004ca1;
}
.product_box .ct_top .item a {
  position: relative;
  /*padding: 0.66rem 0;*/
}
.product_box .ct_top .item a .img {
  width: 100%;
  text-align: center;
  height: 2.8rem;
  background: #f2f2f2;
  border-radius: 0.2rem;
  display: flex;
}
.product_box .ct_top .item a .img img {
  margin: auto;
  max-width: 100%;
  max-height: 80%;
}
.product_box .ct_top .item a .content {
  padding: 0.5rem 0;
  text-align: center;
}
.product_box .ct_top .item a .content .txt {
  margin-bottom: 0.1rem;
}
.product_box .ct_top .item a .content .txt p {
  transition: 0.4s;
  color: #000;
}
.product_box .ct_top .item a .content .more {
  opacity: 0;
  transition: 0.4s;
  color: #000;
  text-transform: uppercase;
  font-family: MontserratBold;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product_box .ct_top .item a .content .more i {
  font-weight: bold;
  margin-left: 0.04rem;
  color: #004ca1;
}
.product_box .ct_top .item:hover::after {
  width: 100%;
}
.product_box .ct_top .item:hover a .content .more {
  opacity: 1;
}
.product_box .ct_bot {
  margin-top: 0.6rem;
}
.product_details {
  background: #f2f2f2;
}
.product_details .ls_top {
  padding-top: 0.38rem;
}
.product_details .ls_bot {
  padding: 1.1rem 0 1.4rem;
}
.product_details .ls_bot .le_box {
  width: 50%;
  text-align: center;
}
.product_details .ls_bot .le_box img {
  max-width: 80%;
}
.product_details .ls_bot .ri_box {
  width: 50%;
  padding-left: 5%;
}
.product_details .ls_bot .ri_box .content1 .txt {
  color: #000;
}
.product_details .ls_bot .ri_box .content1 .desc {
  margin-top: 0.38rem;
  color: #666;
  line-height: 1.8;
}
.product_details .ls_bot .ri_box .content2 {
  margin-top: 0.7rem;
}
.modifie_list > div {
  display: grid;
  gap: 1rem;
}
.modifie_list > div .box .title {
  margin-bottom: 0.38rem;
  color: #000;
}
.modifie_list > div .box .compiler {
  color: #666;
  line-height: 1.8;
}
.modifie_list > div .box .compiler img {
  max-width: 100%;
}
.modifie_list > div .box .compiler ul {
  padding-left: 0.23rem;
}
.modifie_list > div .box .compiler ul li {
  list-style-type: disc;
}
.field_box > div {
  display: grid;
  gap: 1rem;
}
.field_box .slide a {
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
}
.field_box .slide a::before {
  transition: 0.6s;
  opacity: 0;
  z-index: -1;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #2e3192 0%, #662d91 45%, transparent 45%, transparent 100%);
}
.field_box .slide a .le_box {
  width: 44%;
  display: flex;
}
.field_box .slide a .le_box > div {
  width: 100%;
  margin: auto;
  padding: 0 0.8rem;
}
.field_box .slide a .le_box > div .content1 .txt {
  transition: 0.4s;
  color: #000;
}
.field_box .slide a .le_box > div .content1 .desc {
  margin-top: 0.16rem;
  height: 0.9rem;
}
.field_box .slide a .le_box > div .content1 .desc p {
  transition: 0.4s;
  color: #000;
  line-height: 0.3rem;
}
.field_box .slide a .le_box > div .content2 {
  margin-top: 0.8rem;
}
.field_box .slide a .le_box > div .content2 div {
  transition: 0.4s;
  color: #000;
}
.field_box .slide a .le_box > div .content2 div i {
  width: 0.66rem;
  height: 0.66rem;
  background: #004ca1;
  border-radius: 50%;
}
.field_box .slide a .le_box > div .content2 div span {
  transition: 0.4s;
  margin-left: -0.26rem;
  text-transform: uppercase;
  font-family: MontserratBold;
}
.field_box .slide a .ri_box {
  width: 56%;
  border-radius: 0.2rem;
  overflow: hidden;
}
.field_box .slide a .ri_box img {
  border-radius: 0.2rem;
  transition: 0.4s;
  width: 100%;
}
.field_box .slide a:hover::before {
  opacity: 1;
}
.field_box .slide a:hover .le_box .content1 .txt {
  color: #fff;
}
.field_box .slide a:hover .le_box .content1 .desc p {
  color: #fff;
}
.field_box .slide a:hover .le_box .content2 div {
  color: #fff;
}
.field_box .slide a:hover .le_box .content2 div span {
  margin-left: -0.46rem;
}
.field_box .slide a:hover .ri_box img {
  transform: scale(1.05);
}
.field_box .slide:nth-child(even) a {
  flex-direction: row-reverse;
}
.field_box .slide:nth-child(even) a::before {
  background: linear-gradient(to left, #2e3192 0%, #662d91 45%, transparent 45%, transparent 100%);
}
.field_details {
  background: #f2f2f2;
}
.field_details .ls_top {
  padding-top: 0.38rem;
}
.field_details .ls_bot {
  padding: 0.9rem 0 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.field_details .ls_bot .le_box {
  width: 44%;
  padding-right: 6%;
}
.field_details .ls_bot .le_box .content1 .txt {
  color: #000;
}
.field_details .ls_bot .le_box .content1 .desc {
  margin-top: 0.32rem;
}
.field_details .ls_bot .le_box .content1 .desc p {
  color: #666;
  line-height: 1.8;
}
.field_details .ls_bot .le_box .content2 {
  margin-top: 0.7rem;
}
.field_details .ls_bot .ri_box {
  width: 56%;
  overflow: hidden;
  border-radius: 0.2rem;
}
.field_details .ls_bot .ri_box img {
  transition: 0.4s;
  border-radius: 0.2rem;
  width: 100%;
}
.field_details .ls_bot .ri_box:hover img {
  transform: scale(1.05);
}
.faq_box .aq_top {
  display: grid;
  gap: 0.2rem;
}
.faq_box .aq_top .slide {
  background: #f2f2f2;
  border-radius: 0.2rem;
  overflow: hidden;
}
.faq_box .aq_top .slide .thead {
  transition: 0.8s;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.34rem 0.44rem;
  border-radius: 0.2rem;
}
.faq_box .aq_top .slide .thead .txt {
  flex: 1;
}
.faq_box .aq_top .slide .thead .txt p {
  transition: 0.4s;
  width: 96%;
  color: #000;
}
.faq_box .aq_top .slide .thead .but {
  transition: 0.4s;
  position: relative;
  width: 0.2rem;
  height: 0.03rem;
  background: #b5b8be;
}
.faq_box .aq_top .slide .thead .but::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #b5b8be;
  transform: rotate(90deg);
}
.faq_box .aq_top .slide .tbody {
  display: none;
  padding: 0.34rem 0.44rem;
}
.faq_box .aq_top .slide .tbody p {
  color: #000;
  line-height: 2;
}
.faq_box .aq_top .slide.active .thead {
  background: #004ca1;
}
.faq_box .aq_top .slide.active .thead .txt p {
  color: #fff;
}
.faq_box .aq_top .slide.active .thead .but {
  background: #fff;
}
.faq_box .aq_top .slide.active .thead .but::before {
  transform: rotate(0);
  background: #fff;
}
.faq_box .aq_bot {
  margin-top: 0.7rem;
}
.download {
  background: #f2f2f2;
}
.download .le_box {
  width: 28%;
  background: linear-gradient(to right, #2e3192, #662d91);
}
.download .le_box .sticky {
  padding: 0 0.4rem 0 var(--bj);
}
.download .le_box .sticky .content1 {
  color: #fff;
  padding: 0.56rem 0;
}
.download .le_box .sticky .content2 a {
  padding: 0.24rem 0;
  transition: 0.4s;
  color: rgba(255, 255, 255, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.download .le_box .sticky .content2 a.active,
.download .le_box .sticky .content2 a:hover {
  color: #fff;
}
.download .ri_box {
  width: 72%;
}
.download .ri_box > div {
  padding: 0.7rem var(--bj) 1rem 1rem;
}
.download .ri_box > div .content1 {
  display: grid;
  gap: 0.16rem;
}
.download .ri_box > div .content1 .slide a {
  transition: 0.8s;
  background: #fff;
  display: flex;
  padding: 0.2rem 0.4rem;
  border-radius: 0.1rem;
}
.download .ri_box > div .content1 .slide a .txt {
  flex: 1;
}
.download .ri_box > div .content1 .slide a .txt p {
  transition: 0.4s;
  color: #000;
  width: 96%;
}
.download .ri_box > div .content1 .slide a .btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.download .ri_box > div .content1 .slide a .btn svg {
  height: 0.16rem;
}
.download .ri_box > div .content1 .slide a .btn svg path {
  transition: 0.4s;
}
.download .ri_box > div .content1 .slide a .btn span {
  transition: 0.4s;
  margin-left: 0.06rem;
  color: #000;
}
.download .ri_box > div .content1 .slide a:hover {
  background: #004ca1;
}
.download .ri_box > div .content1 .slide a:hover .txt p {
  color: #fff;
}
.download .ri_box > div .content1 .slide a:hover .btn svg path {
  fill: #fff;
}
.download .ri_box > div .content1 .slide a:hover .btn span {
  color: #fff;
}
.download .ri_box > div .content2 {
  margin-top: 0.76rem;
}
.news_box .ws_top {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.news_box .ws_top .pu_item:nth-child(1) {
  grid-area: 1 / 1 / 2 / 3;
}
.news_box .ws_top .pu_item:nth-child(1) a {
  border-radius: 0.2rem;
}
.news_box .ws_top .pu_item:nth-child(1) a .img {
  border-radius: 0.2rem;
}
.news_box .ws_top .pu_item:nth-child(1) a .img img {
  border-radius: 0.2rem;
}
.news_box .ws_top .pu_item:nth-child(1) a .post {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.46rem;
  display: flex;
  align-items: flex-end;
  background: linear-gradient(to bottom, rgba(0, 76, 161, 0) 60%, rgba(0, 76, 161, 0.8));
}
.news_box .ws_top .pu_item:nth-child(1) a .post > div .time {
  color: #fff;
  font-family: MontserratBold;
}
.news_box .ws_top .pu_item:nth-child(1) a .post > div .txt {
  margin: 0.2rem 0 0.36rem;
}
.news_box .ws_top .pu_item:nth-child(1) a .post > div .txt p {
  line-height: 0.36rem;
  color: #fff;
}
.news_box .ws_top .pu_item:nth-child(1) a .post > div .more {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.news_box .ws_top .pu_item:nth-child(1) a .post > div .more span {
  font-family: MontserratBold;
  color: #fff;
  text-transform: uppercase;
}
.news_box .ws_top .pu_item:nth-child(1) a .post > div .more i {
  margin-left: 0.04rem;
  font-size: 0.9em;
  font-weight: bold;
  color: #fff;
}
.news_box .ws_bot {
  margin-top: 0.76rem;
}
.pu_item a {
  position: relative;
  transition: 0.8s;
  border-radius: 0.1rem;
  overflow: hidden;
  height: 100%;
}
.pu_item a .img {
  overflow: hidden;
  width: 100%;
  border-radius: 0.1rem;
}
.pu_item a .img img {
  border-radius: 0.1rem;
  transition: 0.4s;
  width: 100%;
}
.pu_item a .content {
  padding: 0.46rem 0.26rem;
}
.pu_item a .content .time {
  color: #999;
  font-family: MontserratBold;
}
.pu_item a .content .txt {
  margin: 0.2rem 0 0.36rem;
}
.pu_item a .content .txt p {
  height: 0.72rem;
  line-height: 0.36rem;
  color: #000;
}
.pu_item a .content .more {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.pu_item a .content .more span {
  font-family: MontserratBold;
  color: #000;
  text-transform: uppercase;
}
.pu_item a .content .more i {
  margin-left: 0.04rem;
  font-size: 0.9em;
  font-weight: bold;
  color: #004ca1;
}
.pu_item a:hover {
  background: #f2f2f2;
}
.pu_item a:hover .img img {
  transform: scale(1.05);
}
.news_details {
  background: #f2f2f2;
}
.news_details .ls_top {
  padding-top: 0.38rem;
}
.news_details .ls_bot {
  padding: 0.62rem 0 1rem;
}
.news_details .ls_bot .content1 {
  margin-bottom: 0.3rem;
}
.news_details .ls_bot .content1 .txt {
  color: #000;
  line-height: 1.6;
}
.news_details .ls_bot .content1 .time {
  margin-top: 0.1rem;
  color: #999;
  font-family: MontserratMedium;
}
.news_details .ls_bot .content2 {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 0.7rem 0;
}
.news_details .ls_bot .content2 .compiler {
  color: #666;
  line-height: 1.8;
}
.news_details .ls_bot .content2 .compiler img {
  max-width: 100%;
}
.news_details .ls_bot .content2 .compiler ul {
  padding-left: 0.23rem;
}
.news_details .ls_bot .content2 .compiler ul li {
  list-style-type: disc;
}
.news_details .ls_bot .content3 {
  margin-top: 0.64rem;
  display: grid;
  gap: 0.18rem;
}
.news_details .ls_bot .content3 .prev,
.news_details .ls_bot .content3 .next {
  display: flex;
  align-items: center;
}
.news_details .ls_bot .content3 .prev span,
.news_details .ls_bot .content3 .next span {
  width: 6%;
  color: #999;
  text-transform: uppercase;
}
.news_details .ls_bot .content3 .prev a,
.news_details .ls_bot .content3 .next a {
  width: 94%;
  transition: 0.4s;
}
.news_details .ls_bot .content3 .prev a:hover,
.news_details .ls_bot .content3 .next a:hover {
  color: #004ca1;
}
.recommend_news .nd_bot {
  margin-top: 0.66rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
}
.company_profile .ny_cen {
  margin: 0.6rem 0;
}
.company_profile .ny_cen .content1 .txt {
  color: #000;
}
.company_profile .ny_cen .content1 .desc {
  margin-top: 0.2rem;
  color: #666;
  line-height: 1.8;
}
.company_profile .ny_cen .content2 {
  margin-top: 0.62rem;
  display: flex;
}
.company_profile .ny_cen .content2 .item {
  display: flex;
  border-right: 1px solid #d7d7d7;
  margin-right: 0.6rem;
}
.company_profile .ny_cen .content2 .item:last-child {
  border-right: none;
  margin-right: 0;
}
.company_profile .ny_cen .content2 .item .em_1 {
  width: 0.38rem;
}
.company_profile .ny_cen .content2 .item .em_1 img {
  max-width: 100%;
}
.company_profile .ny_cen .content2 .item .em_2 {
  margin: 0 0.6rem;
}
.company_profile .ny_cen .content2 .item .em_2 .data {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  color: #004ca1;
}
.company_profile .ny_cen .content2 .item .em_2 .data p {
  font-weight: bold;
  line-height: 0.8;
}
.company_profile .ny_cen .content2 .item .em_2 .data span {
  margin-left: 0.1rem;
}
.company_profile .ny_cen .content2 .item .em_2 .tips {
  margin-top: 0.04rem;
  color: #000;
}
.company_profile .ny_bot {
  width: 100%;
  overflow: hidden;
}
.company_profile .ny_bot img {
  transition: 0.4s;
  width: 100%;
}
.company_profile .ny_bot .shipin {
  position: relative;
}
.company_profile .ny_bot .shipin video {
  width: 100%;
}
.company_profile .ny_bot .shipin .play {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
}
.company_profile .ny_bot .shipin .play svg {
  width: 1rem;
  transition: 0.4s;
  cursor: pointer;
  margin: auto;
}
.company_profile .ny_bot .shipin .play svg:hover {
  transform: scale(1.05);
}
.corporate_culture {
  background: #f2f2f2;
}
.corporate_culture .re_top p {
  color: #000;
}
.corporate_culture .re_bot {
  margin-top: 0.76rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.6rem;
}
.corporate_culture .re_bot .slide {
  position: relative;
}
.corporate_culture .re_bot .slide .bk {
  width: 100%;
}
.corporate_culture .re_bot .slide .bk img {
  width: 100%;
}
.corporate_culture .re_bot .slide .post {
  transition: 0.8s;
  position: absolute;
  width: 100%;
  height: calc(100% + 2px);
  top: -1px;
  left: 0;
  background: #fff;
}
.corporate_culture .re_bot .slide .post > div {
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0.36rem 0.48rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.corporate_culture .re_bot .slide .post > div .svg img {
  width: 0.82rem;
  border-radius: 50%;
}
.corporate_culture .re_bot .slide .post > div .svg .img2 {
  display: none;
}
.corporate_culture .re_bot .slide .post > div .txt {
  margin: 0.4rem 0;
  flex: 1;
  overflow: auto;
  padding-right: 0.1rem;
}
.corporate_culture .re_bot .slide .post > div .txt::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.corporate_culture .re_bot .slide .post > div .txt::-webkit-scrollbar-thumb {
  background: #004ca1;
}
.corporate_culture .re_bot .slide .post > div .txt::-webkit-scrollbar-track {
  background: rgba(0, 76, 161, 0.5);
}
.corporate_culture .re_bot .slide .post > div .txt p {
  line-height: 0.36rem;
  transition: 0.4s;
  color: #000;
}
.corporate_culture .re_bot .slide .post > div .num {
  transition: 0.4s;
  color: #ccc;
  font-family: MontserratBold;
}
.corporate_culture .re_bot .slide:hover .post {
  background: linear-gradient(90deg, rgba(52, 57, 146, 0.9), rgba(99, 52, 146, 0.9));
}
.corporate_culture .re_bot .slide:hover .post > div .svg img {
  display: none;
}
.corporate_culture .re_bot .slide:hover .post > div .svg .img2 {
  display: block;
}
.corporate_culture .re_bot .slide:hover .post > div .txt::-webkit-scrollbar-thumb {
  background: #ffffff;
}
.corporate_culture .re_bot .slide:hover .post > div .txt::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.5);
}
.corporate_culture .re_bot .slide:hover .post > div .txt p {
  color: #fff;
}
.corporate_culture .re_bot .slide:hover .post > div .num {
  color: #fff;
}
.development_history .ry_bot {
  margin-top: 0.86rem;
}
.development_history .ry_bot .banner1 {
  position: relative;
}
.development_history .ry_bot .banner1::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0.49rem;
  width: 100%;
  height: 1px;
  background: #ccc;
}
.development_history .ry_bot .banner1 .swiper .swiper-slide {
  position: relative;
}
.development_history .ry_bot .banner1 .swiper .swiper-slide .de_top {
  text-align: center;
}
.development_history .ry_bot .banner1 .swiper .swiper-slide .de_top .num {
  transition: 0.6s;
  opacity: 0;
  line-height: 1;
  font-family: MontserratBold;
  color: #004ca1;
}
.development_history .ry_bot .banner1 .swiper .swiper-slide .de_top .point {
  margin: 1rem auto 0.22rem;
  transition: 0.6s;
  position: relative;
  width: 0.1rem;
  height: 0.1rem;
  background: #ccc;
  border-radius: 50%;
}
.development_history .ry_bot .banner1 .swiper .swiper-slide .de_top .point::before {
  transition: 0.4s;
  opacity: 0;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.58rem;
  height: 0.58rem;
  background: rgba(0, 76, 161, 0.2);
  border-radius: 50%;
}
.development_history .ry_bot .banner1 .swiper .swiper-slide .de_top .year {
  transition: 0.6s;
  color: #333;
  line-height: 1;
  font-family: MontserratRegular;
}
.development_history .ry_bot .banner1 .swiper .swiper-slide-active .de_top .num {
  opacity: 1;
}
.development_history .ry_bot .banner1 .swiper .swiper-slide-active .de_top .point {
  background: #004ca1;
}
.development_history .ry_bot .banner1 .swiper .swiper-slide-active .de_top .point::before {
  opacity: 1;
}
.development_history .ry_bot .banner1 .swiper .swiper-slide-active .de_top .year {
  opacity: 0;
}
.development_history .ry_bot .banner2 {
  margin-top: 0.72rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.development_history .ry_bot .banner2 .swiper {
  width: 9rem;
}
.development_history .ry_bot .banner2 .swiper .swiper-slide > div {
  background: #f2f2f2;
  border-radius: 0.2rem;
  overflow: hidden;
}
.development_history .ry_bot .banner2 .swiper .swiper-slide > div .img {
  width: 50%;
}
.development_history .ry_bot .banner2 .swiper .swiper-slide > div .img img {
  width: 100%;
}
.development_history .ry_bot .banner2 .swiper .swiper-slide > div .content {
  width: 50%;
  padding: 0 0.4rem;
  display: flex;
}
.development_history .ry_bot .banner2 .swiper .swiper-slide > div .content p {
  width: 100%;
  margin: auto;
  line-height: 0.3rem;
  height: 1.8rem;
  color: #000;
  overflow: auto;
}
.development_history .ry_bot .banner2 .swiper .swiper-slide > div .content p::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.development_history .ry_bot .banner2 .swiper .swiper-slide > div .content p::-webkit-scrollbar-thumb {
  background: #004ca1;
}
.development_history .ry_bot .banner2 .swiper .swiper-slide > div .content p::-webkit-scrollbar-track {
  background: rgba(0, 76, 161, 0.5);
}
.honorary {
  background: url('../images/23.jpg') no-repeat;
  background-size: cover;
}
.honorary .ry_bot {
  margin-top: 0.84rem;
}
.honorary .ry_bot .content1 {
  width: 15%;
}
.honorary .ry_bot .content1 .slide {
  margin-bottom: 0.48rem;
}
.honorary .ry_bot .content1 .slide:last-child {
  margin-bottom: 0;
}
.honorary .ry_bot .content1 .slide .data {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  color: #004ca1;
}
.honorary .ry_bot .content1 .slide .data p {
  line-height: 0.8;
  font-weight: bold;
}
.honorary .ry_bot .content1 .slide .data span {
  margin-left: 0.04rem;
}
.honorary .ry_bot .content1 .slide .tips {
  margin-top: 0.06rem;
  color: #000;
}
.honorary .ry_bot .content2 {
  width: 50%;
}
.honorary .ry_bot .content2 .swiper {
  perspective: 1200px;
  padding: 0.8rem 0;
}
.honorary .ry_bot .content2 .swiper .swiper-wrapper {
  transform-style: preserve-3d;
}
.honorary .ry_bot .content2 .swiper .swiper-slide {
  opacity: 0.6;
  transition: 0.8s;
  width: 100%;
}
.honorary .ry_bot .content2 .swiper .swiper-slide img {
  width: 100%;
}
.honorary .ry_bot .content2 .swiper .swiper-slide-active {
  transform: scale(1.4);
  opacity: 1;
}
.honorary .ry_bot .content2 .swiper .swiper-slide-prev {
  transform: translate3d(0px, 0px, -0.4rem) rotateY(40deg);
}
.honorary .ry_bot .content2 .swiper .swiper-slide-next {
  transform: translate3d(0px, 0px, 0.4rem) rotateY(-40deg);
}
.honorary .ry_bot .content3 {
  position: relative;
  width: 35%;
  padding-left: 5%;
}
.honorary .ry_bot .content3 > div {
  padding: 0.8rem 0;
}
.honorary .ry_bot .content3 .swiper {
  --gap: 0.32rem;
  height: calc(var(--gap) * 11);
}
.honorary .ry_bot .content3 .swiper .swiper-slide {
  cursor: pointer;
  height: auto;
  text-align: center;
  min-height: var(--gap);
  line-height: var(--gap);
  margin-bottom: var(--gap);
}
.honorary .ry_bot .content3 .swiper .swiper-slide p {
  color: #333;
}
.honorary .ry_bot .content3 .swiper .swiper-slide-active p {
  color: #004ca1;
}
.honorary .ry_bot .content3 .switch .prev,
.honorary .ry_bot .content3 .switch .next {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.honorary .ry_bot .content3 .switch .prev i,
.honorary .ry_bot .content3 .switch .next i {
  cursor: pointer;
  font-weight: bold;
  transition: 0.4s;
  color: #b8bbbf;
}
.honorary .ry_bot .content3 .switch .prev i:hover,
.honorary .ry_bot .content3 .switch .next i:hover {
  color: #004ca1;
}
.honorary .ry_bot .content3 .switch .prev {
  top: 0;
}
.honorary .ry_bot .content3 .switch .next {
  bottom: 0;
}
.contact_us {
  position: relative;
}
.contact_us .us_bk {
  width: 100%;
}
.contact_us .us_bk img {
  width: 100%;
}
.contact_us .us_post {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 var(--bj);
  display: flex;
}
.contact_us .us_post > div {
  width: 50%;
  margin: auto 0;
}
.contact_us .us_post > div .content1 {
  color: #000;
}
.contact_us .us_post > div .content2 {
  margin-top: 0.42rem;
  display: grid;
  gap: 0.3rem;
}
.contact_us .us_post > div .content2 .li {
  display: flex;
  flex-wrap: wrap;
}
.contact_us .us_post > div .content2 .li .svg {
  width: 0.24rem;
}
.contact_us .us_post > div .content2 .li .svg img {
  max-width: 100%;
}
.contact_us .us_post > div .content2 .li .link {
  flex: 1;
  padding-left: 0.16rem;
  line-height: 1.6;
}
.contact_us .us_post > div .content2 .li .link a {
  transition: 0.4s;
  color: #000;
  font-family: MontserratMedium;
}
.contact_us .us_post > div .content2 .li .link a:hover {
  color: #004ca1;
}
.contact_us .us_post > div .content2 .li .link p {
  color: #000;
}
.join_us > div {
  display: grid;
  gap: 0.2rem;
}
.join_us > div .slide {
  background: #f2f2f2;
  border-radius: 0.2rem;
  overflow: hidden;
}
.join_us > div .slide .thead {
  transition: 0.8s;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.34rem 0.44rem;
  border-radius: 0.2rem;
}
.join_us > div .slide .thead .le_ {
  width: 60%;
}
.join_us > div .slide .thead .le_ p {
  transition: 0.4s;
  color: #000;
  width: 96%;
}
.join_us > div .slide .thead .ri_ {
  width: 40%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.join_us > div .slide .thead .ri_ .ask {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.join_us > div .slide .thead .ri_ .ask div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.join_us > div .slide .thead .ri_ .ask div svg {
  max-width: 0.24rem;
}
.join_us > div .slide .thead .ri_ .ask div svg path {
  transition: 0.4s;
}
.join_us > div .slide .thead .ri_ .ask div span {
  margin-left: 0.06rem;
  transition: 0.4s;
  color: #000;
}
.join_us > div .slide .thead .ri_ .plus {
  transition: 0.4s;
  position: relative;
  width: 0.2rem;
  height: 0.03rem;
  background: #b5b8be;
}
.join_us > div .slide .thead .ri_ .plus::before {
  transition: 0.4s;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #b5b8be;
  transform: rotate(90deg);
}
.join_us > div .slide .tbody {
  display: none;
  padding: 0.6rem 0.44rem;
}
.join_us > div .slide .tbody > div {
  display: grid;
  gap: 0.56rem;
}
.join_us > div .slide .tbody > div .li .txt {
  color: #000;
}
.join_us > div .slide .tbody > div .li .desc {
  margin-top: 0.16rem;
  line-height: 1.8;
  color: #666;
}
.join_us > div .slide.active .thead {
  background: #004ca1;
}
.join_us > div .slide.active .thead .le_ p {
  color: #fff;
}
.join_us > div .slide.active .thead .ri_ .ask div svg path {
  fill: #fff;
}
.join_us > div .slide.active .thead .ri_ .ask div span {
  color: #fff;
}
.join_us > div .slide.active .thead .ri_ .plus {
  background: #fff;
}
.join_us > div .slide.active .thead .ri_ .plus::before {
  background: #fff;
  transform: rotate(0deg);
}
.search_box {
  background: #f2f2f2;
}
.search_box .result {
  min-height: 50vh;
}
.search_box .result .lt_hide p {
  color: #000;
}
.search_box .result .lt_show .slide {
  border-bottom: 1px solid #ccc;
}
.search_box .result .lt_show .slide a {
  padding: 0.26rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.search_box .result .lt_show .slide a .txt {
  flex: 1;
}
.search_box .result .lt_show .slide a .txt p {
  transition: 0.4s;
  width: 96%;
}
.search_box .result .lt_show .slide a .txt p span {
  color: #004ca1;
}
.search_box .result .lt_show .slide a .more {
  font-family: MontserratBold;
  text-transform: uppercase;
  color: #000;
}
.search_box .result .lt_show .slide a .more i {
  color: #004ca1;
  margin-left: 0.04rem;
  font-size: 0.9em;
  font-weight: bold;
}
.search_box .result .lt_show .slide a:hover .txt p {
  color: #004ca1;
}
@media (max-width: 1600px) {
  .w1520 {
    padding: 0 8vw;
  }
  body {
    --bj: 8vw;
  }
}
@media (max-width: 1500px) {
  .w1520 {
    padding: 0 5vw;
  }
  body {
    --bj: 5vw;
  }
  .f64 {
    font-size: 0.54rem;
  }
  .f48 {
    font-size: 0.44rem;
  }
  .f46 {
    font-size: 0.42rem;
  }
  .f36 {
    font-size: 0.34rem;
  }
}
@media (max-width: 1200px) {
  .pc_header {
    display: none;
  }
  .f64 {
    font-size: 0.48rem;
  }
  .f48 {
    font-size: 0.4rem;
  }
  .f46 {
    font-size: 0.38rem;
  }
  .f36 {
    font-size: 0.32rem;
  }
  .f26 {
    font-size: 0.24rem;
  }
  .f18 {
    font-size: 0.2rem;
  }
  .f16 {
    font-size: 0.18rem;
  }
  .p100 {
    padding-top: 0.8rem;
  }
  .p100_ {
    padding-bottom: 0.8rem;
  }
  .MobileMain .HeaderMobile .box .button .menu .menu_btn p span,
  .MobileMain .HeaderMobile .box .button .menu .menu_btn p::after,
  .MobileMain .HeaderMobile .box .button .menu .menu_btn p::before {
    background: #004ca1;
  }
  .MobileMain .HeaderMobile .box .button .Language a {
    color: #000;
  }
  .MobileMain .HeaderMobile .box .button .Language a i {
    font-size: 0.9em;
  }
  .pu_search {
    top: 60px;
    padding: 0.4rem 0;
  }
  .pu_banner .ban_bk img {
    min-height: 4.6rem;
  }
  .index_banner .swiper .swiper-slide .slide_img img,
  .index_banner .swiper .swiper-slide .slide_img video {
    min-height: 6rem;
    height: auto;
  }
  .index_banner .pu_switch {
    bottom: 0.2rem;
  }
  .index_company .ny_bot .ri_box .content1 .desc {
    height: auto;
  }
  .index_field {
    padding: 0.8rem 0;
  }
  .index_field .ld_box .le_box > div {
    padding: 0;
  }
  .index_field .ld_box .le_box .content1 .desc {
    margin-top: 0.1rem;
  }
  .index_field .ld_box .ri_box .swiper .swiper-slide a .de_post > div .svg img {
    height: 1.6rem;
  }
  .index_field .ld_box .ri_box .swiper .swiper-slide a .de_post > div {
    padding: 0.42rem 0.2rem;
  }
  .pc_footer .fo_box .ter_bot .copy p {
    line-height: 2;
  }
  .pc_footer .fo_box .ter_top .ri_box {
    margin-top: 0.36rem;
  }
  .pc_footer .fo_box .ter_bot .yq_link {
    /*margin-top: 0.2rem;*/
    display: flex;
    margin-left: auto;
  }
  .pc_footer .fo_box .ter_top .le_box {
    justify-content: space-between;
  }
  .pc_footer .fo_box .ter_top .le_box .share {
    margin-left: 0;
  }
  .product_box .ct_top {
    grid-template-columns: repeat(2, 1fr);
  }
  .pu_page .number a {
    display: none;
  }
  .pu_page .number a.active {
    display: block;
  }
  .field_box > div {
    gap: 0.6rem;
  }
  .field_box .slide a {
    flex-direction: column-reverse !important;
  }
  .field_box .slide a::before {
    background: linear-gradient(to right, #2e3192, #662d91);
  }
  .field_box .slide a .le_box > div {
    padding: 0.66rem 0.4rem;
  }
  .field_details .ls_bot {
    flex-direction: column-reverse;
  }
  .download .ri_box > div {
    padding: 0.8rem var(--bj);
  }
  .download .le_box .sticky {
    padding: 0 var(--bj);
  }
  .download .le_box .sticky .content1 {
    padding: 0.4rem 0;
  }
  .download .le_box .sticky .content2 a {
    padding: 0.3rem 0;
  }
  .recommend_news .nd_bot,
  .news_box .ws_top {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
  .news_details .ls_bot .content3 .prev span,
  .news_details .ls_bot .content3 .next span {
    width: 10%;
  }
  .corporate_culture .re_bot {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
  .corporate_culture .re_bot .slide .post > div {
    padding: 0.36rem;
  }
  .development_history .ry_bot .banner2 {
    padding: 0 var(--bj);
  }
  .honorary .ry_bot .content1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.2rem;
  }
  .honorary .ry_bot .content1 .slide {
    margin-bottom: 0;
  }
  .development_history .ry_bot .banner1 .swiper .swiper-slide .de_top .point {
    margin: 0.6rem auto 0.22rem;
  }
  .honorary .ry_bot .content2 {
    margin: 0.6rem 0;
  }
  .honorary .ry_bot .content3 .swiper {
    height: auto;
  }
  .honorary .ry_bot .content3 > div {
    padding: 0;
  }
  .honorary .ry_bot .content3 > div .switch {
    display: none;
  }
  .honorary .ry_bot .content3 .swiper .swiper-slide {
    margin-bottom: 0;
  }
  .contact_us {
    background: #cbdae0;
  }
  .contact_us .us_post {
    position: initial;
    padding: 0.8rem var(--bj);
  }
  .contact_us .us_post > div {
    width: 100%;
  }
  .join_us > div .slide .thead .le_ {
    width: auto;
    flex: 1;
  }
  .join_us > div .slide .thead .ri_ {
    width: auto;
  }
  
  .MobileMain .HeaderMobile .box .button .search {
      position: relative;
  }
  .MobileMain .HeaderMobile .box .button .search .btn {
       transition: .4s; 
   }
  
  .MobileMain .HeaderMobile .box .button .search .close {
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      color: #000;
      font-size: 1.3em;
      font-weight: bold;
      transition: .4s;
  }
  .MobileMain .HeaderMobile .box .button .search.active .btn {
    opacity: 0;
  }
  .MobileMain .HeaderMobile .box .button .search.active .close {
    opacity: 1;
  }
  
  
  .join_us > div .slide .thead .ri_ .ask,
  .pc_footer .fo_box .ter_cen,
  .index_field .ld_box .le_box .content2,
  .index_banner .pu_switch .toggle {
    display: none;
  }
  .field_details .ls_bot .le_box {
    padding-right: 0;
  }
  .honorary .ry_bot .content3,
  .product_details .ls_bot .ri_box,
  .index_company .ny_bot .ri_box {
    padding-left: 0;
  }
  .field_details .ls_bot .le_box,
  .product_details .ls_bot .ri_box,
  .index_field .ld_box .ri_box,
  .index_company .ny_bot .ri_box {
    margin-top: 0.6rem;
  }
  .honorary .ry_bot .content1,
  .honorary .ry_bot .content2,
  .honorary .ry_bot .content3,
  .development_history .ry_bot .banner2 .swiper,
  .download .le_box,
  .download .ri_box,
  .field_details .ls_bot .ri_box,
  .field_details .ls_bot .le_box,
  .field_box .slide a .ri_box,
  .field_box .slide a .le_box,
  .product_details .ls_bot .ri_box,
  .product_details .ls_bot .le_box,
  .pc_footer .fo_box .ter_top .le_box,
  .pc_footer .fo_box .ter_top .ri_box,
  .pc_footer .fo_box .ter_bot .copy p,
  .index_field .ld_box .ri_box,
  .index_field .ld_box .le_box,
  .index_company .ny_bot .ri_box,
  .index_company .ny_bot .le_box {
    width: 100%;
    flex: auto;
  }
}
@media (max-width: 750px) {
  .f64 {
    font-size: 0.4rem;
  }
  .f48 {
    font-size: 0.38rem;
  }
  .f46 {
    font-size: 0.36rem;
  }
  .f36 {
    font-size: 0.3rem;
  }
  .faq_box .aq_top .slide .tbody,
  .faq_box .aq_top .slide .thead,
  .join_us > div .slide .tbody,
  .join_us > div .slide .thead {
    padding: 0.34rem 0.24rem;
  }
  .company_profile .ny_cen .content2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
  }
  .company_profile .ny_cen .content2 .item {
    border-right: none;
    margin-right: 0;
  }
  .company_profile .ny_cen .content2 .item .em_2 {
    margin: 0 0 0 0.3rem;
  }
  .corporate_culture .re_bot {
    grid-template-columns: repeat(1, 1fr);
  }
  .development_history .ry_bot .banner2 .swiper .swiper-slide > div .content {
    padding: 0.6rem 0.4rem;
  }
  .product_box .ct_top,
  .recommend_news .nd_bot,
  .news_box .ws_top {
    grid-template-columns: repeat(1, 1fr);
  }
  .news_box .ws_top .pu_item:nth-child(1) {
    grid-area: auto;
  }
  .news_box .ws_top .pu_item:nth-child(1) a .post {
    padding: 0.26rem;
  }
  .news_box .ws_top .pu_item:nth-child(1) a .post > div .txt {
    margin: 0.1rem 0 0.16rem;
  }
  .pu_search .form form .submit {
    width: 1.2rem;
  }
  .news_details .ls_bot .content3 .prev span, .news_details .ls_bot .content3 .next span {
      width: 18%;
  }
  .development_history .ry_bot .banner2 .swiper .swiper-slide > div .content,
  .development_history .ry_bot .banner2 .swiper .swiper-slide > div .img {
    width: 100%;
  }
}