@charset "UTF-8";
/**
 * @desc mod_style
 * @author Tven
 * @date 2023-12-7
 */
body {
  font-size: 14px;
}

/**
* $row 一行元素个数
* $gap 元素左右间距
* $bottom 元素上下间距
* $xsNum 小屏幕一行元素个数-可选值
* $xsBottom 小屏幕元素上下间距-可选值
*/
.fz_36 {
  font-size: 36px;
}

.fz_34 {
  font-size: 34px;
}

.fz_32 {
  font-size: 32px;
}

.fz_30 {
  font-size: 30px;
}

.fz_28 {
  font-size: 28px;
}

.fz_26 {
  font-size: 26px;
}

.fz_24 {
  font-size: 24px;
}

.fz_22 {
  font-size: 22px;
}

.fz_20 {
  font-size: 20px;
}

.fz_18 {
  font-size: 18px;
}

.fz_16 {
  font-size: 16px;
}

.fz_14 {
  font-size: 14px;
}

.fz_12 {
  font-size: 12px;
}

p {
  font-size: 16px;
}

.mod_header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  transition: all .3s ease;
}

.mod_header::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 100%;
  left: 0;
  background: rgba(255, 255, 255, 0.1);
}

.mod_header.active {
  background: #004ea1;
}

.mod_header .header {
  position: relative;
  z-index: 9;
}

.mod_header .header .logo a {
  display: flex;
  align-items: center;
  height: 6.25rem;
}

.mod_header .header .logo a img {
  max-height: 60%;
}

.mod_header .header .header_center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.mod_header .header .header_center nav > ul {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
}

.mod_header .header .header_center nav > ul > li {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 1rem;
}

.mod_header .header .header_center nav > ul > li:last-child {
  margin-right: 0;
}

.mod_header .header .header_center nav > ul > li:hover > a {
  color: #004ea1;
  background: #fff;
}

.mod_header .header .header_center nav > ul > li:hover ul {
  opacity: 1;
  pointer-events: auto;
}

.mod_header .header .header_center nav > ul > li.active > a {
  color: #004ea1;
  background: #fff;
}

.mod_header .header .header_center nav > ul > li.active > i {
  color: #004ea1;
}

.mod_header .header .header_center nav > ul > li > a {
  transition: all .3s ease;
  text-transform: uppercase;
  padding: .5rem 1.125rem;
  border-radius: 1.5rem;
  font-size: 1.125rem;
  color: #fff;
}

.mod_header .header .header_center nav > ul > li i {
  font-size: 12px;
  margin-left: .5rem;
  transition: all .3s ease;
  color: #fff;
  display: none;
}

.mod_header .header .header_center nav > ul > li ul {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  padding: .5rem 0;
  background: white;
  backdrop-filter: blur(10px);
  min-width: 12rem;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s ease;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.2);
  margin-top: 1.75rem;
}

.mod_header .header .header_center nav > ul > li ul::after {
  content: '';
  width: 100%;
  height: 1.75rem;
  bottom: 100%;
  left: 0;
  position: absolute;
}

.mod_header .header .header_center nav > ul > li ul li {
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 0 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mod_header .header .header_center nav > ul > li ul li:last-child {
  border: none;
}

.mod_header .header .header_center nav > ul > li ul li:hover > ul {
  opacity: 1;
  pointer-events: auto;
}

.mod_header .header .header_center nav > ul > li ul li:hover > a, .mod_header .header .header_center nav > ul > li ul li:hover > i {
  color: #004ea1;
}

.mod_header .header .header_center nav > ul > li ul li ul {
  left: 100%;
  top: 0;
  transform: translateX(0);
  margin-top: 0;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1);
  border-radius: 0 1rem 1rem 0;
}

.mod_header .header .header_center nav > ul > li ul li a {
  display: block;
  font-size: 16px;
  color: #333;
  padding: .5em 0;
  transition: all .5s ease;
  white-space: nowrap;
}

.mod_header .header .header_center nav > ul > li ul li > i {
  color: #333;
  transform: rotate(-90deg);
}

.mod_header .header .header_center .head_ico {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-left: 1.5rem;
  position: relative;
  z-index: 2;
  transition: all .3s;
  background: rgba(255, 255, 255, 0);
}

.mod_header .header .header_center .head_ico.language:hover .group {
  opacity: 1;
  pointer-events: auto;
  height: 7.5rem;
}

.mod_header .header .header_center .head_ico.tel {
  width: auto;
  border-radius: 0;
  border: none;
  white-space: nowrap;
}

.mod_header .header .header_center .head_ico.tel:hover {
  background: none;
  border-color: none;
}

.mod_header .header .header_center .head_ico.tel:hover > i, .mod_header .header .header_center .head_ico.tel:hover > a {
  color: #fff;
}

.mod_header .header .header_center .head_ico.tel > a {
  font-size: 1.5rem;
}

.mod_header .header .header_center .head_ico.tel > a i {
  font-size: 1.5rem;
  margin-right: .5rem;
}

.mod_header .header .header_center .head_ico.search.active form {
  opacity: 1;
  pointer-events: auto;
}

.mod_header .header .header_center .head_ico.search form {
  width: 14rem;
  height: 3.125rem;
  position: absolute;
  right: -1px;
  top: -1px;
  background: #fff;
  border-radius: 1.5625rem;
  overflow: hidden;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: all .3s;
}

.mod_header .header .header_center .head_ico.search form input {
  border: none;
  background: none;
  outline: none;
  width: 100%;
  padding-left: 1.5rem;
  font-size: 1rem;
}

.mod_header .header .header_center .head_ico.search form button {
  flex-shrink: 0;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  border: none;
}

.mod_header .header .header_center .head_ico.search form button i {
  font-size: 1.625rem;
  color: #004ea1;
}

.mod_header .header .header_center .head_ico:hover {
  background: white;
  border-color: #fff;
}

.mod_header .header .header_center .head_ico:hover > i, .mod_header .header .header_center .head_ico:hover > a {
  color: #004ea1;
}

.mod_header .header .header_center .head_ico:hover > i img, .mod_header .header .header_center .head_ico:hover > a img {
  filter: grayscale(0) brightness(1);
}

.mod_header .header .header_center .head_ico > i, .mod_header .header .header_center .head_ico > a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.625rem;
  transition: all .3s;
}

.mod_header .header .header_center .head_ico > i img, .mod_header .header .header_center .head_ico > a img {
  filter: grayscale(1) brightness(6);
  transition: all .3s;
}

.mod_header .header .header_center .head_ico .group {
  position: absolute;
  top: 0;
  left: -1px;
  z-index: -1;
  width: 3.125rem;
  border-radius: 1.5625rem;
  background: #fff;
  padding-top: 2.5rem;
  opacity: 0;
  pointer-events: none;
  height: 3.125rem;
  transition: all .3s;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
}

.mod_header .header .header_center .head_ico .group a {
  font-size: 1rem;
  color: #666;
  transition: all .3s;
}

.mod_header .header .header_center .head_ico .group a.active {
  color: #004ea1;
}

.mod_header .header .header_center .head_ico .group a:hover {
  color: #004ea1;
}

.index_banner {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.index_banner .swiper {
  height: 100%;
}

.index_banner .swiper .swiper-wrapper .swiper-slide {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding-bottom: 16%;
}

.index_banner .swiper .swiper-wrapper .swiper-slide .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.index_banner .swiper .swiper-wrapper .swiper-slide .container img {
  max-height: 9.875rem;
  max-width: 100%;
}

.index_banner .swiper .swiper-wrapper .swiper-slide .container .mod_more {
  margin-top: 3rem;
}

.index_banner .swiper .swiper-wrapper .swiper-slide .container .mod_more a:hover {
  background: rgba(255, 255, 255, 0.85);
}

.index_banner .swiper .swiper-pagination {
  left: calc(5.9375rem + 15px);
  bottom: 6.875rem;
  display: flex;
}

.index_banner .swiper .swiper-pagination span {
  width: 12.5rem;
  height: 4px;
  transition: all .3s;
  border-radius: 0;
  opacity: 1;
  margin: 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  background: none;
}

.index_banner .swiper .swiper-pagination span::after, .index_banner .swiper .swiper-pagination span::before {
  content: '';
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  transition: all .3s;
}

.index_banner .swiper .swiper-pagination span i {
  position: absolute;
  right: 0;
  bottom: 100%;
  height: .875rem;
  width: 2px;
  background: rgba(255, 255, 255, 0.5);
}

.index_banner .swiper .swiper-pagination span img {
  width: 3.625rem;
  height: 3.625rem;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all .3s;
}

.index_banner .swiper .swiper-pagination span.swiper-pagination-bullet-active::after, .index_banner .swiper .swiper-pagination span.swiper-pagination-bullet-active::before {
  width: calc((100% - 3.625rem) / 2);
  background: white;
}

.index_banner .swiper .swiper-pagination span.swiper-pagination-bullet-active img {
  opacity: 1;
}

.index_banner .swiper .swiper-button-prev, .index_banner .swiper .swiper-button-next {
  width: 35px;
  height: 35px;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s;
  border-radius: 50%;
  color: #fff;
}

.index_banner .swiper .swiper-button-prev:hover, .index_banner .swiper .swiper-button-next:hover {
  background: #004ea1;
  border-color: #004ea1;
}

.index_banner .swiper .swiper-button-prev::after, .index_banner .swiper .swiper-button-next::after {
  display: none;
}

.index_banner .swiper .swiper-button-prev i, .index_banner .swiper .swiper-button-next i {
  font-size: 18px;
}

.index_banner .swiper .swiper-button-prev {
  left: 3.75rem;
}

.index_banner .swiper .swiper-button-next {
  right: 3.75rem;
}

.index_banner .swiper .banner_next {
  width: 2.5rem;
  height: 4.375rem;
  border-radius: 1.25rem;
  background: #fff;
  color: #004ea1;
  position: absolute;
  right: calc(5.9375rem + 15px);
  bottom: 6.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.index_banner .swiper .banner_next i {
  font-size: 1.5rem;
  display: inline-block;
  animation: ani-more-bottom 1.4s ease-out infinite;
}

@keyframes ani-more-bottom {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(30%);
    opacity: 0;
  }
}

.index_about {
  height: 62.5rem;
  padding-top: 9.375rem;
  position: relative;
  overflow: hidden;
}

.index_about > div, .index_about > ul, .index_about > p {
  position: relative;
  z-index: 3;
}

.index_about::after {
  content: '';
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: linear-gradient(to bottom, rgba(0, 78, 161, 0.8), rgba(0, 78, 161, 0));
  z-index: 2;
}

.index_about p {
  font-size: 1.125rem;
  color: #fff;
  line-height: 2;
  font-weight: lighter;
  margin-bottom: 3rem;
}

.index_about ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #fff;
  width: 100%;
}

.index_about ul li {
  width: calc((100% - 6.25rem)/2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.65);
  position: relative;
}

.index_about ul li:hover::after {
  opacity: 1;
}

.index_about ul li::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
  opacity: 0;
  transition: all .3s;
}

.index_about ul li:nth-child(-n+2) {
  margin-bottom: 3.125rem;
}

.index_about ul li span {
  font-size: 4.375rem;
  font-weight: bold;
  line-height: 1.1;
  font-family: 'Montserrat';
}

.index_about ul li span strong {
  font-weight: bold;
}

.index_about ul li p {
  font-size: 1.125rem;
  font-weight: lighter;
  margin: 0;
}

.index_about .index_about_video {
  position: absolute;
  left: 50%;
  top: 52%;
  transform: translate(-50%, -50%);
  z-index: 3;
  font-size: 1.25rem;
  color: #fff;
}

.index_about .index_about_video i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: #004ea1;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: #fff;
  position: relative;
  margin: 0 auto;
  margin-bottom: 2.5rem;
  cursor: pointer;
}

.index_about .index_about_video i:hover::after {
  background: rgba(255, 255, 255, 0.3);
  border-color: transparent;
}

.index_about .index_about_video i::after {
  content: '';
  width: 6.25rem;
  height: 6.25rem;
  border: 1px dashed rgba(255, 255, 255, 0.64);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all .3s;
}

.index_about .index_about_video_bg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 100%;
}

.index_product {
  padding: 5.625rem 0;
}

.index_product ul {
  background: #eeeeee;
  padding: .5rem 1rem;
  border-radius: 1.5rem;
  margin-bottom: 2.5rem;
  flex-wrap: wrap;
}

.index_product ul li {
  width: calc((100% - 3.125rem)/6);
  margin: .5rem 0;
}

.index_product ul li a {
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  translate: all .3s;
  font-size: 1.25rem;
  color: #474747;
  border-radius: .875rem;
  font-weight: normal;
}

.index_product ul li a:hover {
  color: #004ea1;
}

.index_product ul li a.active {
  background: #004ea1;
  color: #fff;
  font-weight: bold;
}

.index_product .tab-content {
  position: relative;
}

.index_product .tab-content .flex {
  justify-content: space-between;
  min-height: 58rem;
}

.index_product .tab-content .flex .group {
  width: calc((100% - 2rem)/3);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.index_product .tab-content .flex .group .item {
  background: #eeeeee;
  border-radius: 1.25rem;
  border: .5rem solid #eeeeee;
  transition: all .3s;
  margin-bottom: 1rem;
  height: 28rem;
  position: relative;
}

.index_product .tab-content .flex .group .item:hover {
  border-color: #004ea1;
}

.index_product .tab-content .flex .group .item:hover .img img {
  transform: translate(-50%, calc(-50% - 1.5rem)) scale(1.1);
}

.index_product .tab-content .flex .group .item .img {
  display: block;
  height: 27rem;
  position: relative;
  transition: all .3s;
  overflow: hidden;
}

.index_product .tab-content .flex .group .item .img .threeBox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 28.5rem;
}

.index_product .tab-content .flex .group .item .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% - 1.5rem));
  max-height: 70%;
  max-width: 70%;
  transition: all .3s;
  mix-blend-mode: multiply;
}

.index_product .tab-content .flex .group .item .img .title {
  font-size: 1.125rem;
  color: #333;
  text-align: center;
  padding: 0 1rem;
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  width: 100%;
  z-index: 2;
  transition: all .3s;
  font-weight: lighter;
}

.index_product .tab-content .flex .group .item .display {
  position: absolute;
  bottom: 2rem;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  padding: 0 2.5rem;
  transition: all .3s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}

.index_product .tab-content .flex .group .item .display .text {
  font-size: 1.875rem;
  color: #000;
  text-align: center;
  line-height: 1.1;
  font-weight: bold;
}

.index_product .tab-content .flex .group .item .display .text span {
  color: #999;
  font-size: 1rem;
  display: block;
}

.index_product .tab-content .flex .group .item .display .line {
  width: 12.5rem;
  height: .5rem;
  background: #e0e2e6;
  border-radius: .25rem;
  position: relative;
}

.index_product .tab-content .flex .group .item .display .line i {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  background: #004ea1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  box-shadow: 0 0 0.5rem rgba(0, 37, 77, 0.5);
  cursor: pointer;
}

.index_product .index_product_search {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 15.625rem;
}

.index_product .index_product_search > form, .index_product .index_product_search > div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.index_product .index_product_search select, .index_product .index_product_search input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #999;
  height: 2.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  color: #333;
  outline: none;
}

.index_product .index_product_search button {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #004ea1;
  color: #fff;
  border: none;
}

.index_product .index_product_search button i {
  font-size: 2rem;
}

.loading {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 6px;
  height: 10px;
  animation: rectangle infinite 1s ease-in-out -0.2s;
  background-color: rgba(255, 255, 255, 0.4);
}

.loading::before, .loading::after {
  position: absolute;
  width: 6px;
  height: 10px;
  content: "";
  background-color: rgba(255, 255, 255, 0.4);
}

.loading::after {
  right: -14px;
  animation: rectangle infinite 1s ease-in-out;
}

.loading::before {
  left: -14px;
  animation: rectangle infinite 1s ease-in-out -0.4s;
}

@keyframes rectangle {
  0%,
  80%,
  100% {
    height: 20px;
    box-shadow: 0 0 rgba(255, 255, 255, 0.4);
  }
  40% {
    height: 30px;
    box-shadow: 0 -20px rgba(255, 255, 255, 0.4);
  }
}

.index_case {
  margin-top: 2.5rem;
  height: 64rem;
  position: relative;
}

.index_case .mod_title {
  position: absolute;
  top: 6.25rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.index_case .flex, .index_case .swiper {
  height: 100%;
  width: 100%;
}

.index_case .flex .group, .index_case .swiper .group {
  height: 100%;
  width: 20%;
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding-bottom: 3.5rem;
  transition: all .3s;
}

.index_case .flex .group:first-child.mod_bgc, .index_case .swiper .group:first-child.mod_bgc {
  background-position: left center;
}

.index_case .flex .group::after, .index_case .swiper .group::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #004ea1;
  opacity: 0;
  z-index: 1;
  transition: all .3s;
}

.index_case .flex .group .title, .index_case .swiper .group .title {
  width: 100%;
  color: #fff;
  text-align: center;
  transition: all .3s;
  position: relative;
  z-index: 2;
}

.index_case .flex .group .title i, .index_case .swiper .group .title i {
  font-size: 2.5rem;
}

.index_case .flex .group .title strong, .index_case .swiper .group .title strong {
  display: block;
  font-size: 1.875rem;
}

.index_case .flex .group .title .line, .index_case .swiper .group .title .line {
  width: 1px;
  height: 3.75rem;
  background: #fff;
  margin: 0 auto;
  margin-top: 1rem;
}

.index_case .flex .group.cur, .index_case .swiper .group.cur {
  width: 40%;
}

.index_case .flex .group.cur::after, .index_case .swiper .group.cur::after {
  opacity: .85;
}

.index_case .flex .group.cur > .title, .index_case .swiper .group.cur > .title {
  opacity: 0;
}

.index_case .flex .group.cur .caption, .index_case .swiper .group.cur .caption {
  opacity: 1;
  transition-delay: .3s;
}

.index_case .flex .group .caption, .index_case .swiper .group .caption {
  position: absolute;
  width: 35rem;
  left: 50%;
  transform: translateX(-50%);
  top: 20%;
  color: #fff;
  opacity: 0;
  transition: all .3s;
  z-index: 2;
}

.index_case .flex .group .caption .title, .index_case .swiper .group .caption .title {
  text-align: left;
}

.index_case .flex .group .caption .title i, .index_case .swiper .group .caption .title i {
  font-size: 3rem;
}

.index_case .flex .group .caption .title strong, .index_case .swiper .group .caption .title strong {
  font-size: 2.25rem;
}

.index_case .flex .group .caption p, .index_case .swiper .group .caption p {
  font-size: 1.125rem;
  line-height: 2;
  margin-top: 1.5rem;
}

.index_case .flex .group .caption ul, .index_case .swiper .group .caption ul {
  margin: 2.25rem 0;
}

.index_case .flex .group .caption ul li, .index_case .swiper .group .caption ul li {
  width: calc((100% - 5rem)/3);
}

.index_case .flex .group .caption ul li a, .index_case .swiper .group .caption ul li a {
  padding-top: 125%;
  display: block;
  position: relative;
}

.index_case .flex .group .caption ul li a:hover i, .index_case .swiper .group .caption ul li a:hover i {
  opacity: 1;
}

.index_case .flex .group .caption ul li a i, .index_case .swiper .group .caption ul li a i {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: #004ea1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .3s;
}

.index_case .flex .group .caption ul li a span, .index_case .swiper .group .caption ul li a span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: block;
  padding: .5rem 0;
  font-size: 1rem;
  background: rgba(255, 255, 255, 0.85);
  text-align: center;
  color: #004ea1;
}

.index_news {
  padding: 5rem 0;
  position: relative;
}

.index_news .water {
  position: absolute;
  left: 4.875rem;
  top: 0;
  z-index: 2;
  width: 5.25rem;
  transition: all .3s;
}

.index_news .water.active img:nth-child(2) {
  opacity: 1;
}

.index_news .water img {
  max-width: 100%;
}

.index_news .water img:nth-child(2) {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all .3s;
}

.index_news .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 18.75rem 22.5rem;
  grid-gap: 0.625rem;
  margin-bottom: 3.125rem;
}

.index_news .grid .item {
  min-width: 0;
  background: #fff;
  border-radius: 2rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  padding: 1.25rem;
  transition: all .3s;
}

.index_news .grid .item:hover {
  background: #004ea1;
}

.index_news .grid .item:hover .text a {
  color: #fff;
}

.index_news .grid .item:hover .text a p {
  color: #fff;
}

.index_news .grid .item:hover .text .type a {
  color: #fff;
}

.index_news .grid .item:nth-child(1) {
  grid-column: 1 / span 2;
  grid-row: 1 / span 2;
}

.index_news .grid .item:nth-child(1) .text {
  margin-top: 1rem;
}

.index_news .grid .item:nth-child(2) {
  grid-column: 3 / span 1;
  grid-row: 1 / span 1;
}

.index_news .grid .item:nth-child(3) {
  grid-column: 4;
  grid-row: 1 / span 1;
}

.index_news .grid .item:nth-child(4) {
  grid-column: 3 / span 2;
  grid-row: 2;
  display: flex;
  align-items: center;
}

.index_news .grid .item:hover .img a {
  transform: scale(1.05);
}

.index_news .grid .item .img {
  border-radius: 1.5rem;
  overflow: hidden;
}

.index_news .grid .item .img a {
  padding-top: 44%;
  transition: all .5s;
  display: block;
}

.index_news .grid .item .text {
  width: 100%;
  padding: 1.5rem;
}

.index_news .grid .item .text a {
  color: #333;
}

.index_news .grid .item .text a h3 {
  margin: 1.5rem 0;
  font-size: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index_news .grid .item .text a p {
  color: #666;
  line-height: 1.8;
  font-size: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.index_news .grid .item .text a p:last-child {
  font-family: 'Montserrat';
  font-weight: lighter;
}

.index_news .grid .item .text .type a {
  padding: .25rem 1rem;
  border: 1px solid #dedede;
  font-size: 1rem;
  border-radius: 1.5rem;
  display: inline-block;
  font-weight: normal;
  color: #454545;
  transition: all .3s;
  font-size: 1rem;
  font-weight: lighter;
}

.index_news .grid .item .text .type a:hover {
  background: #fff;
  color: #004ea1;
  border-color: #fff;
}

.index_invest {
  height: 62.5rem;
  padding-top: 13rem;
  color: #fff;
  position: relative;
}

.index_invest .water {
  position: absolute;
  right: 25rem;
  top: 0;
  z-index: 2;
  width: 7.125rem;
}

.index_invest .water img {
  max-width: 100%;
}

.index_invest h3 {
  font-size: 50px;
  font-weight: bold;
}

.index_invest h3 span {
  font-size: 3.75rem;
  display: block;
}

.index_invest h3 span em {
  font-size: 1.5rem;
  font-weight: lighter;
  font-style: normal;
}

.index_invest .mod_title {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.index_invest .mod_title span {
  margin-top: .5rem;
  padding: 2px 1.5rem;
  border: 1px solid #fff;
  border-radius: 1.5rem;
  display: inline-block;
  font-size: 1.875rem;
  line-height: 1.2;
}

.index_invest ul {
  height: calc(24.375rem + 10px);
  margin-top: 3.75rem;
  overflow: hidden;
  padding-top: 10px;
}

.index_invest ul li {
  width: calc((100% - 3rem)/3);
  background: rgba(0, 102, 198, 0.5);
  backdrop-filter: blur(10px);
  height: 10rem;
  border-radius: 1.5rem;
  transition: all .3s;
}

.index_invest ul li.cur {
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
}

.index_invest ul li.cur .group {
  opacity: 0;
}

.index_invest ul li.cur .text {
  opacity: 1;
}

.index_invest ul li .title {
  font-size: 1rem;
  font-weight: lighter;
}

.index_invest ul li .title strong {
  font-size: 1.875rem;
  display: block;
  font-weight: bold;
}

.index_invest ul li .ico i {
  font-size: 3.5rem;
}

.index_invest ul li .group {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 2.5rem;
}

.index_invest ul li .text {
  opacity: 0;
  position: relative;
  padding: 0 3.125rem;
  padding-top: 2rem;
}

.index_invest ul li .text .title {
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 3rem;
}

.index_invest ul li .text .title strong {
  color: #004ea1;
}

.index_invest ul li .text .ico {
  line-height: 1.1;
  color: #004ea1;
}

.index_invest ul li .text .ico i {
  font-size: 6rem;
}

.index_invest ul li .text p a {
  color: #333;
  transition: all .3s;
}

.index_invest ul li .text p a:hover {
  color: #004ea1;
}

.index_invest ul li .text .more {
  position: absolute;
  right: 1.25rem;
  top: -10px;
}

.index_invest ul li .text .more a {
  color: #fff;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 1.5rem;
  background-image: linear-gradient(to right, #004ea1, #008bd6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  text-transform: uppercase;
}

.index_invest ul li .text .more a i {
  font-size: 1rem;
}

.index_invest .brand strong {
  font-size: 1.5rem;
  color: #004ea1;
  line-height: 1.2;
}

.index_invest .num {
  margin-top: .5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.index_invest .num.red strong, .index_invest .num.red i {
  color: red;
}

.index_invest .num.red em {
  background: red;
}

.index_invest .num.green strong, .index_invest .num.green i {
  color: green;
}

.index_invest .num.green em {
  background: green;
}

.index_invest .num strong {
  font-size: 3.125rem;
  line-height: 1.2;
}

.index_invest .num i {
  font-size: 2rem;
  color: #777;
  font-weight: bold;
  margin-left: 1rem;
}

.index_invest .num em {
  font-size: 1.125rem;
  color: #fff;
  background: #777777;
  padding: 0 12px;
  border-radius: 8px;
  border-top-left-radius: 0;
  display: block;
  margin-left: auto;
  font-style: normal;
}

.footer {
  background: #004ea1;
}

.footer .left {
  width: 27%;
  padding-top: 5.875rem;
  padding-bottom: 6.25rem;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.footer .left .foot_logo {
  height: 3.625rem;
  margin-bottom: 2.5rem;
}

.footer .left .foot_logo img {
  max-height: 100%;
}

.footer .left ul li {
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 1rem;
  margin-bottom: .5rem;
}

.footer .left ul li:first-child {
  font-size: 1.5rem;
  font-family: 'Montserrat';
}

.footer .left ul li i {
  font-size: 1.25rem;
  margin-right: .5rem;
  opacity: .5;
}

.footer .left p {
  margin-top: 15px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.8;
  font-size: 14px;
}

.footer .left p a {
  color: inherit;
  transition: all .3s;
}

.footer .left p a:hover {
  color: #fff;
}

.footer .right {
  width: 73%;
}

.footer .right ul {
  width: 74%;
}

.footer .right ul li > a {
  font-size: 1.125rem;
  color: #fff;
}

.footer .right ul li ul {
  margin-top: 2.5rem;
}

.footer .right ul li ul li a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1rem;
  white-space: nowrap;
  padding: 4px 0;
  display: inline-block;
  transition: all .3s;
}

.footer .right ul li ul li a:hover {
  color: #fff;
}

.footer .right .ewm {
  width: 26%;
  height: 8.375rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.footer .right .ewm .m {
  width: 5.625rem;
  text-align: center;
  color: #fff;
}

.footer .right .ewm .m img {
  width: 100%;
  display: block;
  margin-bottom: 8px;
}

.footer .right .ewm .m:last-child {
  margin-left: 2rem;
}

.pd50 {
  padding: 0 3.125rem;
}

.mg50 {
  margin: 0 3.125rem;
}

.mg150 {
  margin: 0 9.375rem;
}

.bannerWave {
  overflow: hidden;
  height: 7.5rem;
}

.bannerWave > svg {
  display: block;
  width: 100%;
  height: 100%;
}

.bannerWave .wave-g > use {
  animation: move-forever 12s linear infinite;
}

.bannerWave .wave-g > use:nth-child(1) {
  animation-delay: -2s;
  opacity: .5;
}

.bannerWave .wave-g > use:nth-child(2) {
  animation-delay: -2s;
  animation-duration: 5s;
  opacity: .7;
}

.bannerWave .wave-g > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 3s;
}

@keyframes move-forever {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

.product_search {
  margin-bottom: 3.75rem;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.product_search.news_search .group {
  display: flex;
  align-items: center;
  background: #eeeeee;
}

.product_search.news_search .group i {
  font-size: 1.25rem;
  margin-right: .5rem;
}

.product_search .group {
  padding: 0 1.875rem;
  background: #f7f7f7;
  border-radius: .5rem;
  width: calc((100% - 20.375rem)/3);
}

.product_search input, .product_search select {
  font-size: 1.125rem;
  color: #525252;
  height: 100%;
  width: 100%;
  background: none;
}

.product_search button {
  width: 14.375rem;
  height: 3.75rem;
  background: #004ea1;
  color: #fff;
  border-radius: .5rem;
}

.product_search button i {
  font-size: 1.75rem;
}

.product_search input, .product_search select, .product_search button {
  outline: none;
  border: none;
}

.product .product_list {
  display: flex;
  flex-wrap: wrap;
}

.product .product_list .item {
  background: #eeeeee;
  border-radius: 1.25rem;
  border: .5rem solid #eeeeee;
  transition: all .3s;
  margin-bottom: 1rem;
  height: 28rem;
  position: relative;
}

@media (max-width: 768px) {
  .product .product_list .item {
    width: 100%;
    margin-bottom: 15px;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  .product .product_list .item {
    width: calc((100% - (2 - 1) * 15px) / 2);
    margin-bottom: 15px;
  }
  .product .product_list .item:not(:nth-child(2n)) {
    margin-right: 15px;
  }
}

@media (min-width: 992px) {
  .product .product_list .item {
    width: calc((100% - (3 - 1) * 1rem)/3);
    margin-bottom: 1rem;
  }
  .product .product_list .item:not(:nth-child(3n)) {
    margin-right: 1rem;
  }
}

.product .product_list .item:hover {
  border-color: #004ea1;
}

.product .product_list .item:hover .img img {
  transform: translate(-50%, calc(-50% - 1.5rem)) scale(1.1);
}

.product .product_list .item .img {
  display: block;
  height: 27rem;
  position: relative;
  transition: all .3s;
}

.product .product_list .item .img .threeBox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 28.5rem;
}

.product .product_list .item .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% - 1.5rem));
  max-height: 70%;
  max-width: 70%;
  transition: all .3s;
  mix-blend-mode: multiply;
}

.product .product_list .item .img .title {
  font-size: 1.125rem;
  color: #333;
  text-align: center;
  padding: 0 1rem;
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  width: 100%;
  z-index: 2;
  transition: all .3s;
  font-weight: lighter;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.product .product_list .item .display {
  position: absolute;
  bottom: 2rem;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  padding: 0 2.5rem;
  transition: all .3s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}

.product .product_list .item .display .text {
  font-size: 1.875rem;
  color: #000;
  text-align: center;
  line-height: 1.1;
  font-weight: bold;
}

.product .product_list .item .display .text span {
  color: #999;
  font-size: 1rem;
  display: block;
}

.product .product_list .item .display .line {
  width: 12.5rem;
  height: .5rem;
  background: #e0e2e6;
  border-radius: .25rem;
  position: relative;
}

.product .product_list .item .display .line i {
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  background: #004ea1;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  box-shadow: 0 0 0.5rem rgba(0, 37, 77, 0.5);
  cursor: pointer;
}

@media (max-width: 768px) {
  .case .case_list .item {
    width: calc((100% - (2 - 1) * 15px) / 2);
    margin-bottom: 15px;
  }
  .case .case_list .item:not(:nth-child(2n)) {
    margin-right: 15px;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  .case .case_list .item {
    width: calc((100% - (2 - 1) * 15px) / 2);
    margin-bottom: 15px;
  }
  .case .case_list .item:not(:nth-child(2n)) {
    margin-right: 15px;
  }
}

@media (min-width: 992px) {
  .case .case_list .item {
    width: calc((100% - (4 - 1) * 1.5rem)/4);
    margin-bottom: 1.875rem;
  }
  .case .case_list .item:not(:nth-child(4n)) {
    margin-right: 1.5rem;
  }
}

.case .case_list .item a {
  padding-top: 125%;
  display: block;
  position: relative;
  overflow: hidden;
  transition: all .3s;
}

.case .case_list .item a:hover {
  border-radius: 1.5rem;
}

.case .case_list .item a:hover i {
  opacity: 1;
}

.case .case_list .item a:hover span {
  background: rgba(255, 255, 255, 0.85);
  color: #004ea1;
}

.case .case_list .item a i {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: #004ea1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .3s;
}

.case .case_list .item a span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  height: 3.75rem;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  text-align: center;
  color: #fff;
  transition: all .3s;
}

.case .case_detail {
  display: flex;
  align-items: center;
}

.case .case_detail .left {
  width: 50%;
  padding-right: 4.375rem;
}

.case .case_detail .left .title {
  font-size: 3.125rem;
  font-weight: lighter;
  margin-bottom: 2.5rem;
}

.case .case_detail .left p {
  font-size: 1.125rem;
  line-height: 2;
  margin-bottom: 3rem;
}

.case .case_detail .right {
  width: 50%;
}

.case .case_detail .right .swiper {
  border-radius: 1.5rem;
}

.case .case_detail .right .swiper .swiper-slide {
  padding-top: 65%;
}

.case .case_detail .right .swiper .swiper-pagination {
  bottom: 5%;
}

.case .case_detail .right .swiper .swiper-pagination span {
  background: none;
  position: relative;
  opacity: 1;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0;
  margin: 0 1rem;
}

.case .case_detail .right .swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background: url(../img/circle.png) no-repeat center center;
  background-size: contain;
}

.case .case_detail .right .swiper .swiper-pagination span.swiper-pagination-bullet-active::after {
  display: none;
}

.case .case_detail .right .swiper .swiper-pagination span::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.case .hot_title {
  margin-bottom: 2.5rem;
  margin-top: 5rem;
}

.case .hot_title span {
  font-size: 2.25rem;
  font-weight: lighter;
}

.news .product_search {
  margin-bottom: 2.75rem;
}

.news .news_swiper .swiper {
  width: calc(100% + 2rem);
  padding: 1rem;
  padding-bottom: 6.25rem;
  margin: 0 -1rem;
}

.news .news_swiper .swiper .swiper-pagination {
  bottom: 2rem;
}

.news .news_swiper .swiper .swiper-pagination span {
  background: none;
  position: relative;
  opacity: 1;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0;
  margin: 0 1rem;
}

.news .news_swiper .swiper .swiper-pagination span.swiper-pagination-bullet-active {
  background: url(../img/circle2.png) no-repeat center center;
  background-size: contain;
}

.news .news_swiper .swiper .swiper-pagination span.swiper-pagination-bullet-active::after {
  display: none;
}

.news .news_swiper .swiper .swiper-pagination span::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #9f9f9f;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.news .news_swiper .item {
  background: #fff;
  border-radius: 2rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  padding: 1.25rem;
  transition: all .3s;
}

.news .news_swiper .item:hover {
  background: #004ea1;
}

.news .news_swiper .item:hover .text a {
  color: #fff;
}

.news .news_swiper .item:hover .text a p {
  color: #fff;
}

.news .news_swiper .item:nth-child(1) {
  grid-column: 1 / span 2;
  grid-row: 1 / span 2;
}

.news .news_swiper .item:nth-child(1) .text {
  margin-top: 1rem;
}

.news .news_swiper .item:nth-child(2) {
  grid-column: 3 / span 1;
  grid-row: 1 / span 1;
}

.news .news_swiper .item:nth-child(3) {
  grid-column: 4;
  grid-row: 1 / span 1;
}

.news .news_swiper .item:nth-child(4) {
  grid-column: 3 / span 2;
  grid-row: 2;
  display: flex;
  align-items: center;
}

.news .news_swiper .item:hover .img a {
  transform: scale(1.05);
}

.news .news_swiper .item .img {
  border-radius: 1.5rem;
  overflow: hidden;
}

.news .news_swiper .item .img a {
  padding-top: 44%;
  transition: all .5s;
  display: block;
}

.news .news_swiper .item .text {
  padding: 1.5rem;
}

.news .news_swiper .item .text a {
  color: #333;
}

.news .news_swiper .item .text a h3 {
  margin: 1.5rem 0;
  font-size: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news .news_swiper .item .text a p {
  color: #666;
  line-height: 1.8;
  font-size: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news .news_swiper .item .text a p:last-child {
  font-family: 'Montserrat';
  font-weight: lighter;
}

.news .news_list .item {
  display: flex;
  padding: 1.25rem;
  border-radius: 1.5rem;
  background: #fff;
  margin-bottom: 2rem;
  transition: all .3s;
  width: 100%;
}

.news .news_list .item:hover {
  background: #004ea1;
}

.news .news_list .item:hover .img a {
  transform: scale(1.05);
}

.news .news_list .item:hover .text a {
  color: #fff;
}

.news .news_list .item:hover .text a p {
  color: #fff;
}

.news .news_list .item .img {
  width: 25rem;
  overflow: hidden;
  border-radius: 1rem;
}

.news .news_list .item .img a {
  display: block;
  padding-top: 55%;
  transition: all .5s;
}

.news .news_list .item .text a {
  padding: 0 2.5rem;
  display: block;
  color: #333;
}

.news .news_list .item .text a h3 {
  margin: 1.5rem 0;
  font-size: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news .news_list .item .text a p {
  color: #666;
  line-height: 1.8;
  font-size: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news .news_list .item .text a p:last-child {
  font-family: 'Montserrat';
  font-weight: lighter;
}

.news_detail {
  margin-right: 1.875rem;
  padding: 3rem;
  background: #fff;
}

.news_detail h1 {
  font-size: 1.875rem;
}

.news_detail .time {
  margin: 1rem 0;
  font-size: 1rem;
  color: #666;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news_detail .time i {
  font-size: 1.25rem;
  margin-right: .5rem;
  line-height: 1.1;
}

.hot_news .title {
  margin-bottom: 1.5rem;
}

.hot_news .title span {
  font-size: 30px;
}

.hot_news .item {
  padding: 1.25rem;
  background: #fff;
  margin-bottom: 2rem;
  transition: all .3s;
}

.hot_news .item:hover {
  background: #004ea1;
}

.hot_news .item:hover .img a {
  transform: scale(1.05);
}

.hot_news .item:hover .text a {
  color: #fff;
}

.hot_news .item:hover .text a p {
  color: #fff;
}

.hot_news .item .img {
  overflow: hidden;
}

.hot_news .item .img a {
  display: block;
  padding-top: 55%;
  transition: all .5s;
}

.hot_news .item .text a {
  display: block;
  color: #333;
}

.hot_news .item .text a h3 {
  margin: 1.5rem 0;
  font-size: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hot_news .item .text a p {
  color: #666;
  line-height: 1.8;
  font-size: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news2_list .item {
  padding: 2rem 0;
  background: #fff;
  margin-bottom: 2rem;
  transition: all .3s;
}

@media (max-width: 768px) {
  .news2_list .item {
    width: 100%;
    margin-bottom: 15px;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  .news2_list .item {
    width: calc((100% - (2 - 1) * 15px) / 2);
    margin-bottom: 15px;
  }
  .news2_list .item:not(:nth-child(2n)) {
    margin-right: 15px;
  }
}

@media (min-width: 992px) {
  .news2_list .item {
    width: calc((100% - (3 - 1) * 2rem)/3);
    margin-bottom: 2.5rem;
  }
  .news2_list .item:not(:nth-child(3n)) {
    margin-right: 2rem;
  }
}

.news2_list .item:hover .time span {
  color: #004ea1;
}

.news2_list .item:hover .time i {
  background: #004ea1;
}

.news2_list .item:hover .img a {
  transform: scale(1.05);
}

.news2_list .item:hover .text a {
  color: #004ea1;
}

.news2_list .item .time {
  padding: 0 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.news2_list .item .time span {
  font-size: 1rem;
  font-weight: lighter;
  line-height: 1.2;
  color: #474747;
  transition: all .3s;
}

.news2_list .item .time span strong {
  font-size: 2.25rem;
  display: block;
  font-weight: bold;
  transform: translateX(-4px);
}

.news2_list .item .time i {
  width: 2.25rem;
  height: 2.25rem;
  background: #cccccc;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 14px;
  transition: all .3s;
}

.news2_list .item .img {
  overflow: hidden;
}

.news2_list .item .img a {
  display: block;
  padding-top: 55%;
  transition: all .5s;
}

.news2_list .item .text {
  margin-top: 1.5rem;
}

.news2_list .item .text a {
  display: block;
  color: #333;
  padding: 0 1.5rem;
}

.news2_list .item .text a h3 {
  margin: 1.5rem 0;
  font-size: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all .3s;
}

.news2_list .item .text a p {
  color: #666;
  line-height: 1.8;
  font-size: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.zhanhui_list .item {
  margin-bottom: 1.875rem;
  width: 100%;
}

.zhanhui_list .item a {
  display: flex;
  align-items: center;
  padding: 3.125rem 5rem;
  background: #f4f4f4;
  transition: all .3s;
}

.zhanhui_list .item a:hover {
  background: #004ea1;
}

.zhanhui_list .item a:hover .time span {
  color: #fff;
}

.zhanhui_list .item a:hover .text {
  color: #fff;
}

.zhanhui_list .item a:hover .text p {
  color: inherit;
}

.zhanhui_list .item a:hover i {
  background: #fff;
  color: #004ea1;
}

.zhanhui_list .item a .time {
  width: 10rem;
  margin-right: 4.375rem;
  border-right: 1px solid #cccccc;
  flex-shrink: 0;
}

.zhanhui_list .item a .time span {
  font-size: 1rem;
  font-weight: lighter;
  line-height: 1.3;
  color: #474747;
  transition: all .3s;
}

.zhanhui_list .item a .time span strong {
  font-size: 2.25rem;
  display: block;
  font-weight: bold;
  transform: translateX(-4px);
}

.zhanhui_list .item a .text {
  color: #333;
}

.zhanhui_list .item a .text h3 {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all .3s;
}

.zhanhui_list .item a .text p {
  color: #666;
  line-height: 1.8;
  font-size: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0;
  transition: all .3s;
}

.zhanhui_list .item a i {
  margin-left: auto;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  background: #cccccc;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 14px;
  transition: all .3s;
}

.contact .mod_title ul {
  margin-top: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact .mod_title ul li {
  margin: 0 1rem;
}

.contact .mod_title ul li a {
  display: inline-block;
  padding: .875rem 2rem;
  border-radius: 1.75rem;
  color: #454545;
  background: #eee;
  font-size: 1.125rem;
  font-weight: lighter;
  line-height: 1.2;
}

.contact .mod_title ul li a.active {
  font-weight: bold;
  color: #fff;
  background: #004ea1;
}

.contact .contact_map {
  border: 1px solid #dedede;
  height: 43.75rem;
  border-radius: 1.5rem;
  overflow: hidden;
}

.contact_text {
  padding: 3.75rem 3.125rem;
  background: #f2f7ff;
  border-radius: 1.5rem;
  position: relative;
  margin-top: 2.5rem;
  margin-bottom: 5rem;
}

.contact_text .group p {
  font-size: 1.125rem;
  font-weight: lighter;
  color: #111;
  margin: .75rem 0;
  display: flex;
  align-items: center;
}

.contact_text .group p i {
  font-size: 1.25rem;
  color: #004ea1;
  margin-right: .5rem;
}

.contact_text .ewm {
  width: 8.75rem;
  flex-shrink: 0;
  border-radius: .5rem;
  overflow: hidden;
}

.contact_text .ewm img {
  width: 100%;
}

.contact_text .shuiyin {
  background: url(../img/logo2.png) center no-repeat;
  background-size: contain;
  width: 29.75rem;
  height: 7.5rem;
  position: absolute;
  right: 12.5rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: .05;
}

.contact_sales .left {
  position: relative;
}

.contact_sales .left img {
  width: 100%;
}

.contact_sales .left ul {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contact_sales .left ul li {
  width: 0;
  height: 0;
  position: absolute;
  opacity: 0;
  transition: all .3s;
}

.contact_sales .left ul li.active {
  opacity: 1;
}

.contact_sales .left ul li:nth-child(1) {
  left: 78%;
  top: 33%;
}

.contact_sales .left ul li:nth-child(2) {
  left: 38%;
  top: 40%;
}

.contact_sales .left ul li:nth-child(3) {
  left: 48%;
  top: 43%;
}

.contact_sales .left ul li:nth-child(4) {
  left: 28%;
  top: 33%;
}

.contact_sales .left ul li i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 2rem;
  color: #004ea1;
}

.contact_sales .left ul li img {
  position: absolute;
  left: 2.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.contact_sales .left ul li::after, .contact_sales .left ul li:before {
  content: '';
  width: 5rem;
  height: 5rem;
  background: #004ea1;
  opacity: .1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  border-radius: 50%;
  animation: addzoom 4s linear infinite;
}

.contact_sales .left ul li::before {
  animation: addzoom 4s 2s linear infinite;
}

.contact_sales .right .title {
  font-size: 3.125rem;
  color: #004ea1;
  font-weight: lighter;
  margin-bottom: 2.5rem;
}

.contact_sales .right ul li {
  margin-bottom: 1.25rem;
  background: #f6f9ff;
  padding: 1.5rem 3.75rem;
  font-weight: lighter;
  color: #111;
  display: flex;
  align-items: center;
  transition: all .3s;
}

.contact_sales .right ul li:hover {
  background: #004ea1;
  color: #fff;
}

.contact_sales .right ul li .name {
  width: 10.375rem;
  font-size: 1.25rem;
  flex-shrink: 0;
}

.contact_sales .right ul li .text {
  padding-left: 4rem;
  border-left: 1px solid #dddddd;
  font-size: 1.125rem;
  line-height: 2;
}

.contact_sales .right ul li .text * {
  margin: 0;
}

.invest .title {
  padding-bottom: 1rem;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 1rem;
}

.invest .title span {
  font-size: 1.5rem;
  color: #004ea1;
}

.invest .title a {
  font-size: 18px;
  color: #777777;
  font-weight: bold;
  text-transform: uppercase;
}

.invest .title a:hover {
  color: #004ea1;
}

.invest .title a i {
  margin-left: .5rem;
}

.invest .box {
  padding: 2.5rem;
  background: #fff;
}

.invest_chart {
  margin-bottom: 1.875rem;
}

.invest_chart .left {
  width: calc(30% - 1.875rem);
}

.invest_chart .left .brand strong {
  font-size: 1.5rem;
  color: #777777;
  line-height: 1.2;
}

.invest_chart .left .num {
  margin-top: .5rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.invest_chart .left .num.red strong, .invest_chart .left .num.red i {
  color: red;
}

.invest_chart .left .num.red em {
  background: red;
}

.invest_chart .left .num.green strong, .invest_chart .left .num.green i {
  color: green;
}

.invest_chart .left .num.green em {
  background: green;
}

.invest_chart .left .num strong {
  font-size: 3.125rem;
  line-height: 1.2;
}

.invest_chart .left .num i {
  font-size: 2rem;
  color: #777;
  font-weight: bold;
  margin-left: 1rem;
}

.invest_chart .left .num em {
  font-size: 1.125rem;
  color: #fff;
  background: #777777;
  padding: 0 12px;
  border-radius: 8px;
  border-top-left-radius: 0;
  display: block;
  margin-left: auto;
  font-style: normal;
}

.invest_chart .left ul li {
  font-size: 1rem;
  color: #777777;
  font-weight: lighter;
  margin-bottom: 1rem;
  line-height: 1.2;
}

.invest_chart .left ul li strong {
  font-size: 1.5rem;
  color: #474747;
  font-weight: bold;
  display: block;
}

.invest_chart .left p {
  font-size: 1rem;
  color: #777777;
  font-weight: lighter;
}

.invest_chart .right {
  width: 70%;
}

.invest_notice {
  margin-bottom: 1.875rem;
}

.invest_notice ul li {
  padding: 10px 0;
}

.invest_notice ul li:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}

.invest_notice ul li:first-child {
  padding-top: 0;
}

.invest_notice ul li:last-child {
  padding-bottom: 0;
}

.invest_notice ul li a {
  display: flex;
  align-items: center;
}

.invest_notice ul li a:hover h4 {
  color: #004ea1;
}

.invest_notice ul li a:hover .time {
  background: #004ea1;
  color: #fff;
}

.invest_notice ul li a .time {
  width: 5rem;
  background: #cfcfcf;
  padding: .5rem 0;
  border-radius: 6px;
  font-size: 14px;
  color: #fff;
  transition: all .3s;
  font-weight: lighter;
  flex-shrink: 0;
  margin-right: 1.5rem;
  text-align: center;
}

.invest_notice ul li a .time strong {
  display: block;
  font-weight: bold;
  font-size: 1.375rem;
}

.invest_notice ul li a h4 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: lighter;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #111;
  transition: all .3s;
}

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

.invest_aq .left {
  width: 70%;
}

.invest_aq .right {
  width: calc(30% - 1.875rem);
  background: url(../img/invest_contact.jpg) center no-repeat;
  background-size: cover;
  padding: 2.5rem 3rem;
}

.invest_aq .right .title {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.invest_aq .right ul {
  padding-top: .5rem;
}

.invest_aq .right ul li {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: lighter;
  color: #777777;
}

.invest_aq .right ul li strong {
  font-size: 1.5rem;
  font-weight: bold;
  color: #474747;
  display: block;
}

.invest_aq .aq_list .item {
  padding: 1rem 0;
}

.invest_aq .aq_list .item:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}

.invest_aq .aq_list .item:first-child {
  padding-top: 0;
}

.invest_aq .aq_list .item:last-child {
  padding-bottom: 0;
}

.invest_aq .aq_list .item .question, .invest_aq .aq_list .item .answer {
  display: flex;
  align-items: flex-start;
}

.invest_aq .aq_list .item .question::before, .invest_aq .aq_list .item .answer::before {
  content: '';
  width: 24px;
  height: 24px;
  background: url(../img/q.png) center no-repeat;
  background-size: contain;
  display: block;
  flex-shrink: 0;
  margin-right: 26px;
}

.invest_aq .aq_list .item .question p, .invest_aq .aq_list .item .answer p {
  margin: 0;
  padding: .75rem 1.25rem;
  background: #f4f4f4;
  border-radius: 4px;
  font-size: 1rem;
  color: #474747;
  width: 100%;
}

.invest_aq .aq_list .item .answer {
  margin-top: .625rem;
}

.invest_aq .aq_list .item .answer::before {
  background: url(../img/a.png) center no-repeat;
}

.invest_aq.mg150 .box {
  width: 100%;
}

.about_1 {
  padding-bottom: 7.5rem;
}

.about_1 .left {
  width: 50%;
  padding-right: 5rem;
}

.about_1 .right {
  width: 50%;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}

.about_1 .right:hover img.city {
  transform: scale(1.05);
}

.about_1 .right img {
  width: 100%;
  display: block;
}

.about_1 .right img.city {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  transition: all .5s;
  transform-origin: bottom center;
}

.about_1 .right .video {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 55%;
  z-index: 3;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.about_1 .right .video:hover::after {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.4);
}

.about_1 .right .video::after {
  content: '';
  width: calc(100% + 2.5rem);
  height: calc(100% + 2.5rem);
  border: 1px dashed #fff;
  border-radius: 50%;
  position: absolute;
  left: -1.25rem;
  top: -1.25rem;
  z-index: -1;
  transition: all .3s;
}

.about_1 .right .video i {
  font-size: 1.5rem;
  color: #004ea1;
}

.about_1 ul {
  margin-top: 4.375rem;
  background: #004ea1;
  border-radius: 1rem;
}

.about_1 ul li {
  width: 25%;
  height: 8.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
}

.about_1 ul li::after {
  width: 100%;
  height: 0;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  content: '';
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  transition: all .3s;
}

.about_1 ul li:hover::after {
  height: 100%;
  opacity: 1;
}

.about_1 ul li span {
  font-size: 3.75rem;
  line-height: 1.2;
  font-weight: bold;
  font-family: 'Montserrat';
  position: relative;
  z-index: 2;
}

.about_1 ul li span em {
  display: block;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: lighter;
}

.about_2 {
  overflow: hidden;
  height: 56.25rem;
}

.about_2 .container, .about_2 .mg50, .about_2 .row, .about_2 .col-lg-4 {
  height: 100%;
}

.about_2 .left {
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.about_2 .left .swiper {
  margin-top: 7rem;
  width: 100%;
}

.about_2 .left .swiper .time {
  font-size: 5rem;
  line-height: 1.2;
  margin-bottom: 5rem;
}

.about_2 .left .swiper .mod_content p {
  margin-bottom: 10px;
}

.about_2 .left .swiper .mod_content * {
  font-size: 1.5rem;
  color: #fff;
  font-weight: lighter;
  line-height: 1.6;
  margin: 0;
  text-wrap: initial !important;
}

.about_2 .right {
  width: 60.625rem;
  height: 60.625rem;
  position: relative;
  transform: translate(21.5%, -28%);
}

.about_2 .right .time_line {
  position: absolute;
  z-index: 2;
  left: -5rem;
  top: -5rem;
  width: calc(100% + 10rem);
  height: calc(100% + 10rem);
}

.about_2 .right .time_line ul {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  color: #fff;
  transition: all .5s;
}

.about_2 .right .time_line ul li {
  width: 0;
  height: 0;
  background: #fff;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}

.about_2 .right .time_line ul li span {
  position: absolute;
  bottom: 100%;
  left: -3.125rem;
  width: 6.25rem;
  text-align: center;
  font-size: 1.875rem;
  font-family: 'Montserrat';
  font-weight: bold;
  white-space: nowrap;
  transform-origin: bottom center;
  padding-bottom: .5rem;
}

.about_2 .right .time_line ul li.show {
  opacity: 1;
  pointer-events: auto;
}

.about_2 .right .time_line ul li:nth-child(24n-23) {
  left: 50%;
  top: 0;
}

.about_2 .right .time_line ul li:nth-child(24n-23) span {
  transform: rotate(180deg);
}

.about_2 .right .time_line ul li:nth-child(24n-22) {
  left: 37.06%;
  top: 1.7%;
}

.about_2 .right .time_line ul li:nth-child(24n-22) span {
  transform: rotate(165deg);
}

.about_2 .right .time_line ul li:nth-child(24n-21) {
  left: 25%;
  top: 6.7%;
}

.about_2 .right .time_line ul li:nth-child(24n-21) span {
  transform: rotate(150deg);
}

.about_2 .right .time_line ul li:nth-child(24n-20) {
  left: 14.64%;
  top: 14.64%;
}

.about_2 .right .time_line ul li:nth-child(24n-20) span {
  transform: rotate(135deg);
}

.about_2 .right .time_line ul li:nth-child(24n-19) {
  left: 6.7%;
  top: 25%;
}

.about_2 .right .time_line ul li:nth-child(24n-19) span {
  transform: rotate(120deg);
}

.about_2 .right .time_line ul li:nth-child(24n-18) {
  left: 1.7%;
  top: 37.06%;
}

.about_2 .right .time_line ul li:nth-child(24n-18) span {
  transform: rotate(105deg);
}

.about_2 .right .time_line ul li:nth-child(24n-17) {
  left: 0;
  top: 50%;
}

.about_2 .right .time_line ul li:nth-child(24n-17) span {
  transform: rotate(90deg);
}

.about_2 .right .time_line ul li:nth-child(24n-16) {
  left: 1.7%;
  top: 62.94%;
}

.about_2 .right .time_line ul li:nth-child(24n-16) span {
  transform: rotate(75deg);
}

.about_2 .right .time_line ul li:nth-child(24n-15) {
  left: 6.7%;
  top: 75%;
}

.about_2 .right .time_line ul li:nth-child(24n-15) span {
  transform: rotate(60deg);
}

.about_2 .right .time_line ul li:nth-child(24n-14) {
  left: 14.64%;
  top: 85.36%;
}

.about_2 .right .time_line ul li:nth-child(24n-14) span {
  transform: rotate(45deg);
}

.about_2 .right .time_line ul li:nth-child(24n-13) {
  left: 25%;
  top: 93.3%;
}

.about_2 .right .time_line ul li:nth-child(24n-13) span {
  transform: rotate(30deg);
}

.about_2 .right .time_line ul li:nth-child(24n-12) {
  left: 37.06%;
  top: 98.3%;
}

.about_2 .right .time_line ul li:nth-child(24n-12) span {
  transform: rotate(15deg);
}

.about_2 .right .time_line ul li:nth-child(24n-11) {
  left: 50%;
  top: 100%;
}

.about_2 .right .time_line ul li:nth-child(24n-11) span {
  transform: rotate(0);
}

.about_2 .right .time_line ul li:nth-child(24n-10) {
  left: 62.94%;
  top: 98.3%;
}

.about_2 .right .time_line ul li:nth-child(24n-10) span {
  transform: rotate(-15deg);
}

.about_2 .right .time_line ul li:nth-child(24n-9) {
  left: 75%;
  top: 93.3%;
}

.about_2 .right .time_line ul li:nth-child(24n-9) span {
  transform: rotate(-30deg);
}

.about_2 .right .time_line ul li:nth-child(24n-8) {
  left: 85.36%;
  top: 85.36%;
}

.about_2 .right .time_line ul li:nth-child(24n-8) span {
  transform: rotate(-45deg);
}

.about_2 .right .time_line ul li:nth-child(24n-7) {
  left: 93.3%;
  top: 75%;
}

.about_2 .right .time_line ul li:nth-child(24n-7) span {
  transform: rotate(-60deg);
}

.about_2 .right .time_line ul li:nth-child(24n-6) {
  left: 98.3%;
  top: 62.94%;
}

.about_2 .right .time_line ul li:nth-child(24n-6) span {
  transform: rotate(-75deg);
}

.about_2 .right .time_line ul li:nth-child(24n-5) {
  left: 100%;
  top: 50%;
}

.about_2 .right .time_line ul li:nth-child(24n-5) span {
  transform: rotate(-90deg);
}

.about_2 .right .time_line ul li:nth-child(24n-4) {
  left: 98.3%;
  top: 37.06%;
}

.about_2 .right .time_line ul li:nth-child(24n-4) span {
  transform: rotate(-105deg);
}

.about_2 .right .time_line ul li:nth-child(24n-3) {
  left: 93.3%;
  top: 25%;
}

.about_2 .right .time_line ul li:nth-child(24n-3) span {
  transform: rotate(-120deg);
}

.about_2 .right .time_line ul li:nth-child(24n-2) {
  left: 85.36%;
  top: 14.64%;
}

.about_2 .right .time_line ul li:nth-child(24n-2) span {
  transform: rotate(-135deg);
}

.about_2 .right .time_line ul li:nth-child(24n-1) {
  left: 75%;
  top: 6.7%;
}

.about_2 .right .time_line ul li:nth-child(24n-1) span {
  transform: rotate(-150deg);
}

.about_2 .right .time_line ul li:nth-child(24n) {
  left: 62.94%;
  top: 1.7%;
}

.about_2 .right .time_line ul li:nth-child(24n) span {
  transform: rotate(-165deg);
}

.about_2 .right .swiper {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.about_2 .right .swiper .swiper-slide {
  opacity: 0;
}

.about_2 .right .swiper .swiper-slide .img {
  padding-top: 100%;
  transform: rotate(-15deg);
  transition: all .3s;
}

.about_2 .right .swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.about_2 .right .swiper .swiper-slide.swiper-slide-active .img {
  transform: rotate(0);
}

.about_2 .right .yuan {
  width: calc(100% + 10rem);
  height: calc(100% + 10rem);
  position: absolute;
  left: -5rem;
  top: -5rem;
  z-index: 2;
  pointer-events: none;
}

.about_2 .right .yuan span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  transform: rotate(150deg);
}

.about_2 .right .yuan span::after {
  content: '';
  width: .875rem;
  height: .875rem;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.about_2 .right .yuan span::before {
  content: '';
  width: 9.5rem;
  height: 9.5rem;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.about_2 .right .yuan span i {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.about_2 .right .yuan span i::after {
  content: '';
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: 1;
  clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
}

.about_3 {
  background: #f7f7ff;
  padding: 1.5rem 0;
  position: relative;
}

.about_3 .left {
  width: 50%;
}

.about_3 .left h3 {
  font-size: 2.25rem;
  font-weight: lighter;
  color: #1a1a1a;
  line-height: 1.6;
  margin-bottom: 3.5rem;
}

.about_3 .left p {
  font-size: 1.125rem;
  color: #1a1a1a;
  line-height: 2.4;
  font-weight: lighter;
}

.about_3 .right {
  width: 50%;
  position: relative;
  z-index: 2;
}

.about_3 .right:focus {
  outline: none;
}

.about_3 .right .network {
  width: 100%;
  height: 46.875rem;
  position: relative;
  z-index: 2;
}

.about_3 .right .network canvas {
  outline: none;
}

.about_3 .right .network img {
  height: 4.75rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.about_3 .xian {
  width: 35.375rem;
  height: 34.25rem;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../img/xian.png) center no-repeat;
  background-size: contain;
}

.about_4 {
  padding-top: 5rem;
}

.about_4 ul {
  display: flex;
}

.about_4 ul li {
  width: 25%;
  height: 50rem;
  transition: all .3s;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 6rem;
  cursor: pointer;
}

.about_4 ul li.active {
  width: 50%;
}

.about_4 ul li.active i {
  background: #fff;
  border-color: #fff;
  color: #004ea1;
}

.about_4 ul li.active .text p {
  opacity: 1;
}

.about_4 ul li i {
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
  color: #fff;
  transition: all .3s;
}

.about_4 ul li .text {
  position: relative;
  text-align: center;
}

.about_4 ul li .text .title {
  font-size: 1.875rem;
  font-weight: bold;
}

.about_4 ul li .text p {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: all .3s;
  width: 37.5rem;
  margin-top: 1rem;
  font-size: 1.125rem;
  line-height: 2.2;
  font-weight: lighter;
}

.about_5 {
  padding: 5rem 0;
}

.about_5 .swiper .swiper-slide {
  width: 44%;
}

.about_5 .swiper .swiper-slide .img {
  padding-top: 60%;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  color: #fff;
}

.about_5 .swiper .swiper-slide .img .title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 3.125rem;
}

.about_5 .swiper .swiper-slide .img p {
  margin: 0;
  font-size: 1.125rem;
  font-weight: lighter;
  line-height: 2;
  width: calc(100% - 6.25rem);
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3.75rem;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.about_5 .container {
  margin-top: 2.5rem;
}

.about_5 .container .swiper-pagination {
  position: static;
}

.about_5 .container .swiper-pagination span {
  background: #004ea1;
}

.about_5 .container .num {
  font-size: 1.875rem;
  line-height: 1.2;
  font-weight: lighter;
  color: #777777;
  margin-right: 2.5rem;
  flex-shrink: 0;
}

.about_5 .container .num span {
  color: #004ea1;
  font-size: 2.5rem;
  font-weight: bold;
}

.about_6 {
  height: 50rem;
  padding-top: 7.5rem;
  color: #fff;
  width: 100%;
  overflow: hidden;
}

.about_6 .title {
  font-size: 2.25rem;
  font-weight: lighter;
}

.about_6 p {
  margin: 0;
  margin-left: 10%;
  font-size: 1.125rem;
  font-weight: lighter;
  line-height: 2.2;
}

.about_6 .swiper {
  margin-top: 8.125rem;
}

.about_6 .swiper .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.about_6 .swiper .swiper-slide .img {
  display: block;
  padding-top: 66.66%;
  border-radius: 1rem;
}

.about_7 {
  padding-top: 5rem;
  padding-bottom: 3rem;
}

.jiance_list .item {
  overflow: hidden;
  transition: all .3s;
}

@media (max-width: 768px) {
  .jiance_list .item {
    width: 100%;
    margin-bottom: 15px;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  .jiance_list .item {
    width: calc((100% - (2 - 1) * 15px) / 2);
    margin-bottom: 15px;
  }
  .jiance_list .item:not(:nth-child(2n)) {
    margin-right: 15px;
  }
}

@media (min-width: 992px) {
  .jiance_list .item {
    width: calc((100% - (3 - 1) * 3.125rem)/3);
    margin-bottom: 3.125rem;
  }
  .jiance_list .item:not(:nth-child(3n)) {
    margin-right: 3.125rem;
  }
}

.jiance_list .item:hover {
  border-radius: 1rem;
}

.jiance_list .item:hover a i {
  transform: scale(1.05);
}

.jiance_list .item:hover .title {
  background: #004ea1;
  color: #fff;
}

.jiance_list .item:hover .title .bannerWave {
  opacity: 1;
}

.jiance_list .item a {
  display: block;
}

.jiance_list .item a i {
  padding-top: 64%;
  display: block;
  transition: all .5s;
}

.jiance_list .item .title {
  height: 4.375rem;
  background: #f4f4f4;
  font-size: 1.5rem;
  font-weight: lighter;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  z-index: 2;
  transition: all .3s;
}

.jiance_list .item .title .bannerWave {
  pointer-events: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: all .3s;
}

.jiance_list .item .title .bannerWave .wave-g > use:not(:nth-child(3)) {
  display: none;
}

.honor {
  background-image: linear-gradient(-135deg, #007cb3, #9ec7ec);
  padding-top: 6.25rem;
  padding-bottom: 5rem;
  border-top-left-radius: 7.5rem;
  border-top-right-radius: 7.5rem;
  color: #fff;
}

.honor .left {
  width: 20.625rem;
  flex-shrink: 0;
}

.honor .left ul li a {
  font-size: 1.875rem;
  font-weight: lighter;
  display: flex;
  align-items: center;
  padding-left: 2.875rem;
  height: 14.375rem;
  position: relative;
  color: #fff;
}

.honor .left ul li a.active::after, .honor .left ul li a.active::before, .honor .left ul li a.active i {
  opacity: 1;
}

.honor .left ul li a::after, .honor .left ul li a::before {
  content: '';
  width: 3px;
  height: calc((100% - 3.5rem)/2);
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  opacity: .3;
  transition: all .3s;
}

.honor .left ul li a::before {
  top: auto;
  bottom: 0;
}

.honor .left ul li a i {
  width: 3.5rem;
  height: 3.5rem;
  background: url(../img/circle.png) center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: .3;
  transition: all .3s;
}

.honor .right {
  width: calc(100% - 20.625rem);
}

.honor .right .swiper {
  height: 54rem;
}

.honor .right .swiper .swiper-slide {
  height: calc((100% - 4rem)/2);
}

.honor .right .swiper .swiper-slide .img {
  height: 22.5rem;
  display: block;
}

.honor .right .swiper .swiper-slide .img.mod_bgc {
  background-size: contain;
}

.honor .right .swiper .swiper-slide .title {
  font-size: 1.125rem;
  font-weight: lighter;
  color: #fff;
  text-align: center;
  margin-top: 1rem;
}

.honor .right .swiper-more {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 3.5rem;
}

.honor .right .swiper-more .left {
  width: auto;
  display: flex;
}

.honor .right .swiper-more .left .swiper-button-prev, .honor .right .swiper-more .left .swiper-button-next {
  position: static;
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 50%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: 2.5rem;
}

.honor .right .swiper-more .left .swiper-button-prev::after, .honor .right .swiper-more .left .swiper-button-next::after {
  display: none;
}

.honor .right .swiper-more .left .swiper-button-prev i, .honor .right .swiper-more .left .swiper-button-next i {
  font-size: 1.5rem;
}

.honor .right .swiper-more .swoper-pagination {
  display: none;
}

.amap-info-content {
  background: none;
  box-shadow: none !important;
}

.amap-info-content .amap-info-close {
  display: none;
}

.amap-info-sharp {
  display: none;
}

.ny_left.fixed {
  position: fixed;
  top: 80px;
  z-index: 99;
}

.ny_left.fixed2 {
  position: fixed;
  bottom: 0;
  z-index: 99;
}

/* zl_mod 通用样式
---------------------------------------------------------------- */
.small_more.white a {
  color: #f2f2f2;
  border-color: #f2f2f2;
  opacity: .75;
}

.small_more.white a:hover {
  opacity: 1;
  color: #1a1a1a;
  background: #fff;
  border-color: #fff;
}

.small_more a {
  font-size: 1.125rem;
  display: inline-block;
  border-top: 1px solid #b1b1b1;
  border-bottom: 1px solid #737373;
  padding: 4px 0;
  color: #000;
  transition: all .3s;
}

.small_more a:hover {
  padding: 4px 1.5rem;
  background: #1a1a1a;
  border-color: #1a1a1a;
  color: #fff;
}

.small_more a:hover i {
  animation: small_more 2s ease-in-out infinite;
}

.small_more a i {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-left: 1rem;
  transition: all .3s;
  display: inline-block;
}

@keyframes small_more {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(30%);
  }
  100% {
    transform: translateX(0%);
  }
}

@keyframes addzoom {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: .1;
  }
  100% {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}

.mod_main {
  padding: 2.5rem 0;
}

.mod_main.mod_bgc {
  background-position: center top;
}

.mod_banner {
  height: calc(100vh - 2.5rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  color: #fff;
}

.mod_banner.banner_invest {
  height: 41.25rem;
}

.mod_banner.mod_bgc {
  background-position: center top;
}

.mod_banner > .banner_h1 {
  font-size: 3.75rem;
  line-height: 1.2;
  text-align: center;
  position: absolute;
  left: 0;
  top: 30%;
  width: 100%;
}

.mod_banner > .banner_h1.text-right {
  padding-right: calc(5.9375rem + 15px);
}

.mod_banner ul {
  display: flex;
  align-items: stretch;
  justify-content: center;
  color: #fff;
  font-size: 1.5rem;
  font-weight: lighter;
  margin-bottom: 2rem;
}

.mod_banner ul li {
  display: flex;
  align-items: center;
}

.mod_banner ul li:not(:last-child)::after {
  content: '';
  width: 6.125rem;
  height: 1.875rem;
  background: url(../img/ico2.png) center no-repeat;
  background-size: contain;
  margin: 0 1rem;
  opacity: .5;
}

.mod_banner ul li.active a {
  font-weight: bold;
  font-size: 1.875rem;
}

.mod_banner ul li a {
  font-size: 1.5rem;
  color: #fff;
  display: block;
  transition: all .3s;
}

.mod_banner ul li a:hover {
  transform: scale(1.2);
}

.mod_title {
  margin-bottom: 2.5rem;
  color: #004ea1;
  line-height: 1.2;
}

.mod_title.white {
  color: #fff;
}

.mod_title strong {
  font-size: 3.75rem;
}

.mod_title2 {
  color: #221815;
  line-height: 1.2;
  opacity: .9;
}

.mod_title2.white {
  color: #fff;
}

.mod_title2 strong {
  font-size: 3.125rem;
  text-transform: uppercase;
}

.mod_title2 span {
  display: block;
  font-size: 2.375rem;
}

.mod_position {
  padding: 1.5rem 0;
  color: rgba(0, 0, 0, 0.59);
}

.mod_position a {
  color: rgba(0, 0, 0, 0.59);
  transition: all .3s ease;
}

.mod_position a.active, .mod_position a:hover {
  color: #004ea1;
}

.mod_position a i {
  margin-right: .5rem;
  font-size: 1.25rem;
}

.mod_position ul li {
  color: #ccc;
  padding: 0 2rem;
  position: relative;
}

.mod_position ul li:not(:last-child)::after {
  content: '';
  width: 1px;
  height: 70%;
  position: absolute;
  right: 0;
  top: 15%;
  background: #1a1a1a;
}

.mod_position ul li:first-child {
  padding-left: 0;
}

.mod_position ul li:last-child {
  padding-right: 0;
}

.mod_position ul li.active a {
  color: #004ea1;
}

.mod_position ul li a {
  color: #1a1a1a;
  font-size: 1.25rem;
}

.mod_menu ul {
  border-left: 1px solid #939393;
  position: relative;
  width: calc(100% - 1.5rem);
}

.mod_menu ul .line {
  width: 3px;
  height: 1.875rem;
  background: #494949;
  position: absolute;
  left: -2px;
  top: 20%;
  z-index: 2;
  display: none;
}

.mod_menu ul li {
  position: relative;
}

.mod_menu ul li::after {
  content: '';
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.3), transparent);
  position: absolute;
  left: 0;
  bottom: 0;
}

.mod_menu ul li.active::before {
  content: '';
  width: 3px;
  height: 1.875rem;
  background: #494949;
  position: absolute;
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
}

.mod_menu ul li.active a {
  opacity: .5;
}

.mod_menu ul li:hover a {
  opacity: .5;
}

.mod_menu ul li a {
  display: flex;
  align-items: center;
  padding: 1rem 0;
  padding-left: 2.5rem;
  color: #000;
  transition: all .3s;
  white-space: nowrap;
}

.mod_menu ul li a::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  margin-right: 6px;
  flex-shrink: 0;
}

.mod_more2 {
  margin-top: 3.75rem;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 1px solid #004ea1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mod_more2.white {
  border: 1px solid #fff;
}

.mod_more2.white i {
  color: #fff;
}

.mod_more2 i {
  display: block;
  font-size: 2rem;
  color: #004ea1;
  animation: ani-more-down 1.4s ease-out infinite;
}

.mod_more.white a {
  background: #fff;
  color: #004ea1;
}

.mod_more a {
  display: inline-block;
  padding: 1rem 3.5rem;
  font-size: 1.125rem;
  color: #fff;
  background: #004ea1;
  font-size: 1.125rem;
  text-transform: uppercase;
  border-radius: 2rem;
  transition: all .3s;
}

.mod_more a:hover i {
  animation: ani-more-right 1.4s ease-out infinite;
}

.mod_more a i {
  margin-left: .5rem;
  font-size: 1rem;
  display: inline-block;
}

@keyframes ani-more-right {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(60%);
    opacity: 0;
  }
}

@keyframes ani-more-down {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(30%);
    opacity: 0;
  }
}

.mod_social {
  position: fixed;
  top: 50%;
  transform: translateX(100%) translateY(-50%);
  right: 10px;
  z-index: 999;
  pointer-events: none;
  opacity: 0;
  transition: all .3s;
}

.mod_social.active {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0) translateY(-50%);
}

.mod_social ul li {
  position: relative;
}

.mod_social ul li:last-child a::after {
  display: none;
}

.mod_social ul li:hover .tip {
  opacity: 1;
}

.mod_social ul li:hover a {
  filter: brightness(1.2);
}

.mod_social ul li a {
  width: 64px;
  padding: 12px 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.54);
  position: relative;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mod_social ul li a span {
  transform: scale(0.85);
}

.mod_social ul li a i {
  font-size: 24px;
  line-height: 1.2;
}

.mod_social ul li a::after {
  content: '';
  width: calc(100% - 16px);
  height: 1px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  position: absolute;
  left: 50%;
  bottom: -1px;
  z-index: 2;
  transform: translateX(-50%);
}

.mod_social ul li .tip {
  position: absolute;
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #fff;
  opacity: 0;
  pointer-events: none;
}

.mod_social ul li .tip span {
  display: inline-block;
  background: #323232;
  padding: 8px;
  border-radius: 4px;
  white-space: nowrap;
  position: relative;
}

.mod_social ul li .tip span:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #323232;
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateY(-50%);
}

.mod_backTop {
  position: fixed;
  right: 10px;
  bottom: 4%;
  z-index: 999;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #004ea1;
  color: #fff;
  cursor: pointer;
  transition: opacity .3s ease;
  opacity: 0;
  pointer-events: none;
}

.mod_backTop.active {
  opacity: 1;
  pointer-events: auto;
}

.mod_backTop:hover {
  background: #004ea1;
}

.mod_backTop i {
  font-size: 18px;
}

.mod_fanye {
  padding: 2.5rem 0;
}

.mod_fanye ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mod_fanye ul li.active span {
  background-color: #1a1a1a;
  color: #fff;
}

.mod_fanye ul li.disabled span {
  opacity: .5;
}

.mod_fanye ul li a, .mod_fanye ul li span {
  font-size: 14px;
  margin: 0 .5rem;
  padding: .5rem 1rem;
  border-radius: 4px;
  color: #333;
  background-color: #e2e2e2;
  border: none;
}

.mod_fanye ul li a.activ:hover {
  color: #fff;
}

.mod_fanye ul li a:hover {
  color: #1a1a1a;
}

.mod_fanye02 {
  margin: 3rem 0;
}

.mod_fanye02 a {
  color: #666;
  transition: all .3s;
  display: flex;
  align-items: center;
  font-size: 1.125rem;
}

.mod_fanye02 a:hover {
  color: #004ea1;
}

.mod_fanye02 a:hover i {
  color: #004ea1;
}

.mod_fanye02 a i {
  font-size: 2rem;
  font-weight: lighter;
  color: #999;
  transition: all .3s;
}

.mod_bgc {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.maodian {
  position: absolute;
  left: 0;
  top: -80px;
}

.mod_content p {
  font-size: inherit;
}

.mod_video {
  width: 800px;
  height: 450px;
  display: none;
}

.mod_module {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}

.mod_module .mod_box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 55rem;
  background: #fff;
  padding: 2.5rem;
}

.mod_module .mod_box .close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1a1a1a;
  font-size: 14px;
  cursor: pointer;
}

.mod_form .left {
  padding-right: 2.5rem;
  border-right: 1px dashed #999;
}

.mod_form .left.seat_right {
  text-align: center;
}

.mod_form .left.seat_right p {
  font-size: inherit;
  line-height: 1.8;
}

.mod_form .right {
  padding-left: .5rem;
}

.mod_form .right.seat_right img {
  max-width: 80%;
}

.mod_form .right img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.mod_form .form-group label {
  font-size: inherit;
  display: block;
}

.mod_form .form-group input, .mod_form .form-group textarea {
  width: 100%;
  border: 1px solid #1a1a1a;
  outline: none;
  box-shadow: none;
  border-radius: 0;
}

.mod_form .form-group input {
  height: 36px;
}

.mod_form .form-group button {
  background: #1a1a1a;
  color: #fff;
  padding: .5rem 4rem;
  border-radius: 0;
  border: none;
}

.mod_form > img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.fancybox-content {
  min-height: 43.75rem;
}

.social-share .icon-wechat .wechat-qrcode .help p {
  font-size: 12px;
}

.social-share .social-share-icon {
  filter: grayscale(100%);
}

.social-share .social-share-icon:hover {
  filter: grayscale(0);
}

/* 媒体查询
---------------------------------------------------------------- */
@media (max-width: 991px) {
  h1 {
    font-size: 20px;
  }
  h2 {
    font-size: 18px;
  }
  h3 {
    font-size: 16px;
  }
  h4 {
    font-size: 14px;
  }
  h5 {
    font-size: 14px;
  }
  p {
    font-size: 14px;
  }
  .fz_36 {
    font-size: 18px;
  }
  .fz_34 {
    font-size: 18px;
  }
  .fz_32 {
    font-size: 18px;
  }
  .fz_30 {
    font-size: 18px;
  }
  .fz_28 {
    font-size: 16px;
  }
  .fz_26 {
    font-size: 16px;
  }
  .fz_24 {
    font-size: 16px;
  }
  .fz_22 {
    font-size: 16px;
  }
  .fz_20 {
    font-size: 16px;
  }
  .fz_18 {
    font-size: 14px;
  }
  .fz_16 {
    font-size: 14px;
  }
  .fz_14 {
    font-size: 14px;
  }
  .fz_12 {
    font-size: 12px;
  }
  .mod_header {
    height: 50px;
  }
  .mod_header .header {
    height: 100%;
  }
  .mod_header .header .head_top {
    display: none;
  }
  .mod_header .header .logo a {
    height: 50px;
  }
  .mod_header .header .header_center {
    height: 50px;
    display: flex;
    align-items: center;
  }
  .mod_header .header .header_center .header_more {
    margin-bottom: 0;
    margin-right: 15px;
  }
  .mod_header .header .header_center .header_more .head_ico {
    z-index: 0;
  }
  .mod_header .header .header_center .header_more .head_ico:nth-child(2) {
    border: none;
  }
  .mod_header .header .header_center::after {
    display: none;
  }
  .mod_header .header .header_center nav {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
    height: 100vh;
    width: 100vw;
    opacity: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    transition: opacity .25s ease-out;
    background: rgba(0, 0, 0, 0.5);
  }
  .mod_header .header .header_center nav.active {
    opacity: 1;
    pointer-events: auto;
  }
  .mod_header .header .header_center nav.active .nav_close, .mod_header .header .header_center nav.active ul {
    transform: translateX(0);
  }
  .mod_header .header .header_center nav > ul {
    width: 90%;
    height: calc(100% - 52px);
    overflow: auto;
    display: block;
    background: #fff;
    transform: translateX(-100%);
    transition: all .2s ease-in;
  }
  .mod_header .header .header_center nav > ul > li {
    position: relative;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding: 0;
    margin-left: 0;
  }
  .mod_header .header .header_center nav > ul > li.active > a {
    color: #004ea1;
  }
  .mod_header .header .header_center nav > ul > li.active > a::after {
    display: none;
  }
  .mod_header .header .header_center nav > ul > li:hover a, .mod_header .header .header_center nav > ul > li:hover i {
    color: #3a3a3a;
  }
  .mod_header .header .header_center nav > ul > li a {
    height: auto;
    width: calc(100% - 58px);
    font-size: 14px;
    padding: 12px 0;
    padding-left: 20px;
    color: #3a3a3a;
    text-transform: capitalize;
  }
  .mod_header .header .header_center nav > ul > li i {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    width: 38px;
    font-size: 18px;
    flex-shrink: 0;
    color: #3a3a3a;
  }
  .mod_header .header .header_center nav > ul > li i.active::before {
    transform: rotateX(180deg);
  }
  .mod_header .header .header_center nav > ul > li ul {
    width: 100%;
    position: static;
    display: none;
    opacity: 1;
    pointer-events: auto;
    box-shadow: none;
    border-top: 1px solid #eee;
    margin-top: 0;
    transition: none;
    border-radius: 0;
  }
  .mod_header .header .header_center nav > ul > li ul::after {
    display: none;
  }
  .mod_header .header .header_center nav > ul > li ul li {
    flex-wrap: wrap;
    padding: 0;
    justify-content: space-between;
  }
  .mod_header .header .header_center nav > ul > li ul li:hover a, .mod_header .header .header_center nav > ul > li ul li:hover i {
    color: #3a3a3a;
  }
  .mod_header .header .header_center nav > ul > li ul li:last-child {
    border: none;
  }
  .mod_header .header .header_center nav > ul > li ul li a {
    font-size: 14px;
    padding: 10px 0;
    padding-left: 30px;
    color: #3a3a3a;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-transform: capitalize;
  }
  .mod_header .header .header_center nav > ul > li ul li a::before {
    content: '>';
    line-height: 1;
    display: block;
    transform: scale(1, 1.6) translateY(-2px);
    margin-right: 8px;
    font-size: 12px;
  }
  .mod_header .header .header_center nav > ul > li ul li i::before {
    transform: rotate(0);
    font-size: 18px;
  }
  .mod_header .header .header_center nav > ul > li ul li ul {
    box-shadow: none;
    border-radius: 0;
  }
  .mod_header .header .header_center nav > ul > li ul li ul li a {
    padding-left: 46px;
  }
  .mod_header .header .header_center .nav_open {
    transition: opacity .3s ease;
    color: #fff;
    margin-left: auto;
  }
  .mod_header .header .header_center .nav_open.active {
    opacity: 0;
  }
  .mod_header .header .header_center .nav_open i {
    font-size: 24px;
  }
  .mod_header .header .header_center .nav_close {
    background: #fff;
    display: flex;
    width: 90%;
    height: 52px;
    align-items: center;
    justify-content: flex-end;
    border-bottom: 1px solid #eee;
    transform: translateX(-100%);
    transition: all .2s ease-in;
  }
  .mod_header .header .header_center .nav_close i {
    height: 100%;
    padding: 0 12px;
    font-size: 30px;
    color: #3a3a3a;
  }
  .index_banner {
    height: 270px;
    margin-top: 0;
  }
  .index_banner .swiper .swiper-wrapper .swiper-slide {
    padding-bottom: 0;
  }
  .index_banner .swiper .swiper-wrapper .swiper-slide .container {
    padding: 0 15%;
  }
  .index_banner .swiper .swiper-wrapper .swiper-slide .container img {
    max-height: 4.5rem;
  }
  .index_banner .swiper .swiper-wrapper .swiper-slide .container .mod_more {
    margin-top: 1.5rem;
  }
  .index_banner .swiper .swiper-pagination {
    bottom: 15px;
    left: 15px;
  }
  .index_banner .swiper .swiper-pagination span {
    width: 6rem;
  }
  .index_banner .swiper .swiper-pagination span.swiper-pagination-bullet-active::before, .index_banner .swiper .swiper-pagination span.swiper-pagination-bullet-active::after {
    width: calc((100% - 2rem) / 2);
  }
  .index_banner .swiper .swiper-pagination span img {
    width: 2rem;
    height: 2rem;
  }
  .index_banner .swiper .swiper-button-prev {
    left: 15px;
  }
  .index_banner .swiper .swiper-button-next {
    right: 15px;
  }
  .index_banner .swiper .banner_next {
    display: none;
  }
  .index_about {
    padding: 40px 0;
    height: auto;
  }
  .index_about ul {
    margin-top: 80px;
  }
  .index_about ul li {
    width: 45%;
  }
  .index_about ul li span {
    font-size: 2.5rem;
  }
  .index_about .index_about_video {
    position: static;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 40px;
    transform: none;
  }
  .index_about .index_about_video_bg {
    display: none;
  }
  .index_product {
    padding: 40px 0;
  }
  .index_product ul li a {
    text-align: center;
  }
  .index_product .tab-content .flex {
    flex-wrap: wrap;
  }
  .index_product .tab-content .flex .group {
    width: 100%;
  }
  .index_product .tab-content .flex .group .mod_more {
    display: none;
  }
  .index_product .index_product_search {
    position: static;
    width: 100%;
    margin-top: 30px;
  }
  .index_case > .flex {
    display: none;
  }
  .index_case .swiper {
    width: 100%;
  }
  .index_case .swiper .group {
    width: 100%;
  }
  .index_case .swiper .group.cur {
    width: 100%;
  }
  .index_case .swiper .group .caption {
    opacity: 1;
  }
  .index_news .water {
    display: none;
  }
  .index_news .grid {
    display: flex;
    flex-wrap: wrap;
  }
  .index_news .grid .item {
    width: 100%;
  }
  .index_invest {
    height: auto;
    padding: 40px 0;
  }
  .index_invest .water {
    display: none;
  }
  .index_invest h3 {
    font-size: 20px;
    line-height: 1.6;
  }
  .index_invest h3 span {
    font-size: 24px;
  }
  .index_invest ul {
    height: auto;
    flex-wrap: wrap;
  }
  .index_invest ul li {
    margin-bottom: 15px;
    width: 100%;
    height: 12.5rem;
  }
  .index_invest ul li.cur {
    height: 25rem;
  }
  .index_invest ul li .text .ico i {
    font-size: 5rem;
  }
  .footer .left {
    width: 100%;
    border: none;
    padding: 40px 0;
  }
  .about_1 {
    padding-bottom: 40px;
  }
  .about_1 .flex-center-between {
    flex-wrap: wrap;
  }
  .about_1 .left {
    width: 100%;
    padding-right: 0;
  }
  .about_1 .left .mod_more2 {
    display: none;
  }
  .about_1 .right {
    margin-top: 20px;
    width: 100%;
  }
  .about_1 ul li span {
    font-size: 18px;
  }
  .about_1 ul li span em {
    font-size: 14px;
  }
  .about_2 {
    position: relative;
    height: auto;
  }
  .about_2 .row .col-lg-4 {
    order: 2;
  }
  .about_2 .left {
    padding-top: 115px;
    padding-bottom: 60px;
  }
  .about_2 .left .swiper {
    margin-top: 40px;
  }
  .about_2 .left .swiper .time {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .about_2 .left .swiper p {
    font-size: 14px;
  }
  .about_2 .right {
    z-index: 2;
    position: absolute;
    right: 20px;
    top: 15px;
    width: 200px;
    height: 200px;
  }
  .about_2 .right .time_line ul li.active span {
    font-weight: bold;
  }
  .about_2 .right .time_line ul li span {
    display: block;
    font-size: 12px;
    font-weight: normal;
  }
  .about_2 .right .yuan span::before {
    width: 60px;
    height: 60px;
  }
  .about_3 {
    padding-top: 40px;
  }
  .about_3 .flex-center-between {
    flex-wrap: wrap;
  }
  .about_3 .left {
    width: 100%;
  }
  .about_3 .left h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .about_3 .right {
    width: 100%;
  }
  .about_4 ul {
    flex-wrap: wrap;
  }
  .about_4 ul li {
    width: 100% !important;
    height: 300px;
    padding-bottom: 20px;
  }
  .about_4 ul li .text {
    width: 100%;
  }
  .about_4 ul li .text p {
    padding: 0 15px;
    width: 100%;
    opacity: 1 !important;
  }
  .about_5 .swiper .swiper-slide {
    width: 80%;
  }
  .about_5 .swiper .swiper-slide .img .title {
    top: 25%;
    font-size: 18px;
    font-weight: bold;
  }
  .about_5 .swiper .swiper-slide .img p {
    font-size: 14px;
    line-height: 1.6;
    width: calc(100% - 30px);
    bottom: 10px;
  }
  .about_6 {
    height: 38rem;
  }
  .about_6 .mod_more2 {
    display: none;
  }
  .about_6 p {
    margin-top: 10px;
    margin-left: 0;
    font-size: 14px;
    line-height: 1.8;
  }
  .about_6 .swiper {
    margin-top: 30px;
  }
  .case .case_detail {
    flex-wrap: wrap;
  }
  .case .case_detail .left {
    width: 100%;
    padding-right: 0;
  }
  .case .case_detail .right {
    margin-top: 20px;
    width: 100%;
  }
  .contact_text {
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    flex-wrap: wrap;
    padding: 20px 15px;
  }
  .contact_text .group {
    width: 100%;
  }
  .contact_sales .left {
    width: 100%;
    margin: 20px 0;
  }
  .contact_sales .left #container {
    height: 45rem !important;
  }
  .contact_sales .right .title {
    text-align: center !important;
    font-size: 20px;
  }
  .contact_sales .right ul {
    margin-left: 0;
  }
  .contact_sales .right ul li {
    padding: 15px;
  }
  .contact_sales .right ul li .text {
    padding-left: 15px;
  }
  .product_search {
    flex-wrap: wrap;
  }
  .product_search > div, .product_search > button {
    width: calc(50% - 5px) !important;
    height: 3.75rem;
    margin: 5px 0;
  }
  .zhanhui_list .item a {
    padding: 15px;
  }
  .zhanhui_list .item a .time {
    width: 8rem;
    margin-right: 15px;
  }
  .zhanhui_list .item a i {
    margin-left: 15px;
  }
  .honor .left {
    width: 40%;
  }
  .honor .right {
    width: 60%;
  }
  .news_detail {
    padding: 40px 15px;
    margin-right: 0;
  }
  .invest_chart {
    flex-wrap: wrap;
  }
  .invest_chart .left {
    width: 100%;
  }
  .invest_chart .right {
    padding: 0;
    width: 100%;
    height: 250px;
  }
  .invest_aq {
    flex-wrap: wrap;
  }
  .invest_aq .left {
    width: 100%;
  }
  .invest_aq .left .title a {
    font-size: 14px;
  }
  .invest_aq .right {
    width: 100%;
  }
  .news .news_list .item {
    flex-wrap: wrap;
  }
  .news .news_list .item .img {
    width: 100%;
  }
  .news .news_list .item .text {
    width: 100%;
  }
  .news .news_list .item .text a {
    padding: 0;
  }
  .product .product_list {
    margin-top: 20px;
    height: auto;
  }
  .contact_sales .right ul li .name {
    width: 8rem;
  }
  .contact_sales .right ul li .text {
    padding-left: 2rem;
  }
  p {
    font-weight: normal !important;
  }
  .mod_banner ul, .contact .mod_title ul li a, .contact_text .group p, .contact_sales .right ul li, .index_product .tab-content .flex .group .item .img .title, .index_news .grid .item .text .type a, .index_news .grid .item .text a p:last-child, .index_invest ul li .title, .about_2 .left .swiper .mod_content *, .about_3 .left h3, .about_6 .title, .jiance_list .item .title, .honor .left ul li a, .product .product_list .item .img .title, .case .case_detail .left .title, .case .hot_title span, .news .news_swiper .item .text a p:last-child, .news .news_list .item .text a p:last-child, .invest_chart .left ul li, .invest_notice ul li a h4, .invest_notice ul li a .time, .invest_aq .right ul li {
    font-weight: normal;
  }
  .invest_aq .right ul li, .invest_aq .aq_list .item .question p, .invest_aq .aq_list .item .answer p, .invest_chart .left ul li, .contact .mod_title ul li a, .contact_text .group p, .footer .left ul li, .news .news_swiper .item .text a p, .about_3 .left p, .about_4 ul li .text p, .index_about p, .index_about ul li p, .index_case .flex .group .caption ul li a span, .index_case .swiper .group .caption ul li a span, .index_news .grid .item .text .type a, .index_news .grid .item .text a p {
    font-size: 14px;
  }
  .contact_sales .right ul li .name, .footer .left ul li i, .product_search input, .product_search select, .product .product_list .item .img .title, .jiance_list .item .title, .index_product .tab-content .flex .group .item .img .title, .index_product .index_product_search select, .index_product .index_product_search input, .index_case .flex .group .caption p, .index_case .swiper .group .caption p {
    font-size: 16px;
  }
  .mod_more a {
    padding: .5rem 1.5rem;
  }
  .mod_title strong {
    font-size: 2.5rem;
  }
  .mod_content {
    font-size: 14px;
  }
  .mod_banner {
    margin-top: 0;
    height: 50vh;
  }
  .mod_banner .container * {
    font-size: 16px;
  }
  .mod_banner.banner_invest {
    height: 27vh;
  }
  .mod_banner > .banner_h1 {
    font-size: 20px;
    top: 15%;
  }
  .mod_banner > .banner_h1.text-right {
    padding: 0;
    text-align: center !important;
  }
  .mod_banner ul {
    margin-bottom: 0;
    flex-wrap: wrap;
    align-items: center;
  }
  .mod_banner ul li {
    margin: .5rem 1rem;
  }
  .mod_banner ul li.active a {
    font-size: 14px;
  }
  .mod_banner ul li::after {
    display: none;
  }
  .mod_banner ul i::after {
    content: '/';
  }
  .mod_social, .mod_backTop {
    right: 5px;
  }
  .mod_social {
    display: none;
  }
  .mod_form {
    max-width: calc(100% - 30px);
  }
  .mod_form .form-group label {
    font-size: 14px;
  }
  .mod_fanye ul li a, .mod_fanye ul li span {
    margin: 0 2px;
    padding: 4px 6px;
  }
  .mod_fanye02 .text-right {
    text-align: left !important;
    margin-top: 10px;
  }
  .btn {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 20px;
  }
  h2 {
    font-size: 18px;
  }
  h3 {
    font-size: 16px;
  }
  h4 {
    font-size: 14px;
  }
  h5 {
    font-size: 14px;
  }
  p {
    font-size: 14px;
  }
  .fz_36 {
    font-size: 18px;
  }
  .fz_34 {
    font-size: 18px;
  }
  .fz_32 {
    font-size: 18px;
  }
  .fz_30 {
    font-size: 18px;
  }
  .fz_28 {
    font-size: 16px;
  }
  .fz_26 {
    font-size: 16px;
  }
  .fz_24 {
    font-size: 16px;
  }
  .fz_22 {
    font-size: 16px;
  }
  .fz_20 {
    font-size: 16px;
  }
  .fz_18 {
    font-size: 14px;
  }
  .fz_16 {
    font-size: 14px;
  }
  .fz_14 {
    font-size: 14px;
  }
  .fz_12 {
    font-size: 12px;
  }
  .mod_header {
    height: 50px;
    position: static;
    background: #004ea1;
  }
  .mod_header .header {
    height: 100%;
  }
  .mod_header .header .head_top {
    display: none;
  }
  .mod_header .header .header_center {
    height: 50px;
  }
  .mod_header .header .header_center::after {
    display: none;
  }
  .mod_header .header .header_center .logo a {
    padding-bottom: 0;
  }
  .mod_header .header .header_center .logo a img {
    max-height: 26px;
  }
  .mod_header .header .header_center .logo a span {
    display: none;
  }
  .mod_header .header .header_center nav {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    opacity: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    transition: opacity .25s ease-out;
    background: rgba(0, 0, 0, 0.5);
  }
  .mod_header .header .header_center nav.active {
    opacity: 1;
    pointer-events: auto;
  }
  .mod_header .header .header_center nav.active .nav_close, .mod_header .header .header_center nav.active ul {
    transform: translateX(0);
  }
  .mod_header .header .header_center nav > ul {
    width: 90%;
    height: calc(100% - 52px);
    overflow: auto;
    display: block;
    background: #fff;
    transform: translateX(-100%);
    transition: all .2s ease-in;
  }
  .mod_header .header .header_center nav > ul > li {
    position: relative;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding: 0;
  }
  .mod_header .header .header_center nav > ul > li.active > a {
    color: #004ea1;
  }
  .mod_header .header .header_center nav > ul > li.active > a::after {
    display: none;
  }
  .mod_header .header .header_center nav > ul > li:hover a, .mod_header .header .header_center nav > ul > li:hover i {
    color: #3a3a3a;
  }
  .mod_header .header .header_center nav > ul > li a {
    height: auto;
    width: calc(100% - 58px);
    font-size: 14px;
    padding: 12px 0;
    padding-left: 20px;
    color: #3a3a3a;
    text-transform: capitalize;
  }
  .mod_header .header .header_center nav > ul > li i {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    width: 38px;
    font-size: 18px;
    flex-shrink: 0;
    color: #3a3a3a;
  }
  .mod_header .header .header_center nav > ul > li i.active::before {
    transform: rotateX(180deg);
  }
  .mod_header .header .header_center nav > ul > li ul {
    width: 100%;
    position: static;
    display: none;
    opacity: 1;
    pointer-events: auto;
    box-shadow: none;
    border-top: 1px solid #eee;
    margin-top: 0;
    transition: none;
    border-radius: 0;
  }
  .mod_header .header .header_center nav > ul > li ul::after {
    display: none;
  }
  .mod_header .header .header_center nav > ul > li ul li {
    flex-wrap: wrap;
    padding: 0;
    justify-content: space-between;
  }
  .mod_header .header .header_center nav > ul > li ul li:hover a, .mod_header .header .header_center nav > ul > li ul li:hover i {
    color: #3a3a3a;
  }
  .mod_header .header .header_center nav > ul > li ul li:last-child {
    border: none;
  }
  .mod_header .header .header_center nav > ul > li ul li a {
    font-size: 14px;
    padding: 10px 0;
    padding-left: 30px;
    color: #3a3a3a;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-transform: capitalize;
  }
  .mod_header .header .header_center nav > ul > li ul li a::before {
    content: '>';
    line-height: 1;
    display: block;
    transform: scale(1, 1.6) translateY(-2px);
    margin-right: 8px;
    font-size: 12px;
  }
  .mod_header .header .header_center nav > ul > li ul li i::before {
    transform: rotate(0);
    font-size: 18px;
  }
  .mod_header .header .header_center nav > ul > li ul li ul {
    box-shadow: none;
    border-radius: 0;
  }
  .mod_header .header .header_center nav > ul > li ul li ul li a {
    padding-left: 46px;
  }
  .mod_header .header .header_center .nav_open {
    transition: opacity .3s ease;
    color: #fff;
    margin-left: auto;
  }
  .mod_header .header .header_center .nav_open.active {
    opacity: 0;
  }
  .mod_header .header .header_center .nav_open i {
    font-size: 24px;
  }
  .mod_header .header .header_center .nav_close {
    background: #fff;
    display: flex;
    width: 90%;
    height: 52px;
    align-items: center;
    justify-content: flex-end;
    border-bottom: 1px solid #eee;
    transform: translateX(-100%);
    transition: all .2s ease-in;
  }
  .mod_header .header .header_center .nav_close i {
    height: 100%;
    padding: 0 12px;
    font-size: 30px;
    color: #3a3a3a;
  }
  .index_banner {
    height: 400px;
    margin-top: 0;
  }
  .index_banner .swiper .swiper-wrapper .swiper-slide .container .left {
    font-size: 2.5rem;
  }
  .index_banner .swiper .swiper-wrapper .swiper-slide .container .right {
    padding-top: 0;
    font-size: 3rem;
  }
  .index_banner .swiper .swiper-wrapper .swiper-slide .container .right span {
    font-size: 2rem;
  }
  .index_banner .swiper .swiper-pagination {
    bottom: 15px;
    left: 15px;
  }
  .index_banner .swiper .swiper-button-prev {
    left: 15px;
  }
  .index_banner .swiper .swiper-button-next {
    right: 15px;
  }
  .mod_banner {
    height: 50vh;
  }
  .mod_social, .mod_backTop {
    right: 5px;
  }
  .mod_social {
    display: none;
  }
  .mod_form {
    max-width: calc(100% - 30px);
  }
  .mod_form .form-group label {
    font-size: 14px;
  }
  .btn {
    font-size: 14px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  h3 {
    font-size: 16px;
  }
  h4 {
    font-size: 14px;
  }
  h5 {
    font-size: 14px;
  }
  p {
    font-size: 14px;
  }
  .fz_36 {
    font-size: 18px;
  }
  .fz_34 {
    font-size: 18px;
  }
  .fz_32 {
    font-size: 18px;
  }
  .fz_30 {
    font-size: 18px;
  }
  .fz_28 {
    font-size: 16px;
  }
  .fz_26 {
    font-size: 16px;
  }
  .fz_24 {
    font-size: 16px;
  }
  .fz_22 {
    font-size: 16px;
  }
  .fz_20 {
    font-size: 16px;
  }
  .fz_18 {
    font-size: 14px;
  }
  .fz_16 {
    font-size: 14px;
  }
  .fz_14 {
    font-size: 14px;
  }
  .fz_12 {
    font-size: 12px;
  }
  .mod_header .header .header_center nav > ul > li {
    margin-right: .5rem;
  }
  .mod_header .header .header_center nav > ul > li > a {
    font-size: 14px;
    padding: .5rem .5rem;
    border-radius: 1rem;
  }
  .contact_sales .right ul li {
    padding: 1.5rem;
  }
  .contact_sales .right ul li .name {
    width: 9rem;
  }
  .contact_sales .right ul li .text {
    padding-left: 2rem;
  }
}

@media (min-width: 1201px) and (max-width: 1440px) {
  h3 {
    font-size: 18px;
  }
  h4 {
    font-size: 16px;
  }
  h5 {
    font-size: 14px;
  }
  p {
    font-size: 14px;
  }
  .fz_32 {
    font-size: 22px;
  }
  .fz_30 {
    font-size: 22px;
  }
  .fz_28 {
    font-size: 20px;
  }
  .fz_26 {
    font-size: 20px;
  }
  .fz_24 {
    font-size: 18px;
  }
  .fz_22 {
    font-size: 18px;
  }
  .fz_20 {
    font-size: 16px;
  }
  .fz_18 {
    font-size: 16px;
  }
  .fz_16 {
    font-size: 14px;
  }
  .fz_14 {
    font-size: 14px;
  }
  .fz_12 {
    font-size: 12px;
  }
  .mod_header .header .header_center nav > ul > li {
    margin-right: .5rem;
  }
  .mod_header .header .header_center nav > ul > li > a {
    font-size: 16px;
    padding: .5rem .5rem;
    border-radius: 1rem;
  }
  .mod_position ul li a {
    margin: 0 1rem;
  }
  .mod_banner ul li a {
    font-size: 1.25rem;
  }
  .contact_sales .right ul li {
    padding: 1.5rem 2rem;
  }
  .contact_sales .right ul li .text {
    padding-left: 2rem;
  }
}

@media (max-width: 1440px) {
  .mg50, .mg150 {
    margin: 0;
  }
  .pd50 {
    padding: 0;
  }
  .contact_text {
    margin-top: 2.5rem;
    margin-bottom: 5rem;
  }
}

@media (min-width: 1441px) {
  .container {
    max-width: calc(100% - 11.875rem);
    width: calc(100% - 11.875rem) !important;
    padding: 0 15px;
  }
}