.index_one .left {
  padding-right: 0;
  padding-top: 5.9375rem;
}

.index_one .left ul {
  margin-top: 5.3125rem;
}

.index_one .left ul .icon img {
  width: 4.375rem;
  height: 4.375rem;
}

.index_one .left ul li a {
  display: inline-block;
  text-align: center;
}

.index_one .left ul li:nth-child(2) {
  text-align: center;
}

.index_one .left ul li:nth-child(3) {
  text-align: right;
}

.index_one .left ul li:hover img {
  transform: rotateY(180deg);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_one .left ul li:hover .text {
  color: #171c61;
}

.index_one .left ul li img {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_one .left ul .text {
  color: #000000;
  margin-top: 0.25rem;
}

.index_one .name {
  margin-top: 5rem;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2.1875rem;
  color: #171c61;
}

.index_one .text {
  font-size: 1.125rem;
  margin-top: 0.6875rem;
  line-height: 1.75rem;
  color: rgba(0, 0, 0, 0.7);
  text-align: justify;
}

footer {
  background: #192D41;
  padding: 4rem 0 0.9375rem;
}

footer .pr0 {
  padding-right: 0;
  font-size: 0.875rem;
  line-height: 1.625rem;
  text-align: center;
  text-transform: lowercase;
  color: rgba(255, 255, 255, 0.6);
}

footer .left {
  width: 67%;
}

footer .left ul {
  display: flex;
  margin: 0 -0.9375rem 0 -1.875rem;
  justify-content: space-between;
}

footer .left ul li {
  padding: 0 0.9375rem 0 1.875rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

footer .left ul li:first-child {
  border-left: none;
}

footer .left ul li a.text:hover,
footer .left ul li .name:hover {
  color: #54BCB7;
}

footer .right {
  width: 33%;
  padding-left: 3.75rem;
}

footer .right .fenxiang_flex {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 1.5625rem;
}

footer .right .fenxiang_flex .social-share li {
  border-color: rgba(255, 255, 255, 0.2);
}

footer .right .fenxiang_flex .social-share li a {
  color: rgba(255, 255, 255, 0.2) !important;
}

footer .right .fenxiang_flex .social-share li:hover a {
  color: #fff !important;
}

footer .right .ul {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
}

footer .right .ul .name1 {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
}

footer .right .ul2 li {
  margin-bottom: 0.625rem;
}

footer .right .ul2 li:last-child {
  margin-bottom: 0;
}

footer .right .li .clearfix {
  display: flex;
  align-items: center;
}

footer .right .li .clearfix .icon {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.375rem;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}

footer .right .li .clearfix .icon .iconfont {
  display: block;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.2);
}

footer .right .li .clearfix div:nth-child(2) {
  width: calc(100% - 2.5rem);
  padding-left: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgba(255, 255, 255, 0.6);
}

footer .name {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #FFFFFF;
  margin-bottom: 0.625rem;
}

footer .text {
  font-size: 1rem;
  line-height: 2rem;
  color: #FFFFFF;
}

.index_five {
  background: #EEF2F6;
  padding: 6.25rem 0;
}

.index_five .more_a {
  margin-left: 0.5rem;
}

.index_five .sum>div {
  display: none;
}

.index_five .sum>div.active {
  display: block;
}

.suqer_news .over {
  padding: 1.875rem;
}

.suqer_news .content {
  padding: 1.625rem 1.875rem 2.0625rem;
  position: relative;
}

.suqer_news .content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 1.875rem - 1.875rem);
  background: rgba(0, 0, 0, 0.1);
  height: 1px;
}

.suqer_news>div {
  background: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  height: 100%;
}

.suqer_news:hover>div {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.suqer_news:hover img {
  transform: scale(1.25);
}

.suqer_news:hover .data,
.suqer_news:hover .name {
  color: #54BCB7;
}

.suqer_news:hover .more_2 {
  background: #171c61;
}

.suqer_news:hover .more_2::before {
  transform: scale(0.8);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.suqer_news:hover .more_2 .iconfont {
  color: #fff;
}

.suqer_news .data {
  font-size: 1.125rem;
  line-height: 1.375rem;
  text-transform: uppercase;
  color: #171c61;
}

.suqer_news .name {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #000000;
  margin: 0.625rem 0 0.8125rem;
}

.suqer_news .text {
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 1.25rem;
}

.more_2 {
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
  border-radius: 50%;
  background: #F8F8F8;
  display: inline-block;
  z-index: 2;
  position: relative;
}

.more_2 .iconfont {
  font-size: 1.25rem;
  display: block;
  color: #000000;
}

.more_2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  border-radius: 50%;
  background: #54BCB7;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: -1;
}

.more_2:hover::before {
  transform: scale(0.8);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.more_2:hover .iconfont {
  color: #fff;
}

.suqer_pro.swiper-slide {
  padding: 0.375rem;
  border-radius: 1.25rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.suqer_pro.swiper-slide.height_pro {
  height: 32.5rem;
}

.suqer_pro.swiper-slide.height_pro>a {
  height: 100%;
}

.suqer_pro.swiper-slide.height_pro>a>div {
  height: 100%;
  z-index: 7;
}

.suqer_pro.swiper-slide:hover {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  filter: drop-shadow(0 0 0.25rem rgba(0, 0, 0, 0.2));
}

.suqer_pro.swiper-slide:hover .name {
  color: #54BCB7;
}

.suqer_pro.swiper-slide:hover .more_2::before {
  background: #54BCB7;
  transform: scale(0.8);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.suqer_pro.swiper-slide a {
  background: #F8F8F8;
  border-radius: 1.25rem;
  padding: 2.5rem 1.25rem 1.25rem 1.875rem;
}

.suqer_pro.swiper-slide a .text18 {
  margin: 0.75rem 0 0.3125rem;
}

.suqer_pro.swiper-slide a .clearfix {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.suqer_pro.swiper-slide a .clearfix .left {
  padding-bottom: 2.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.suqer_pro.swiper-slide a .clearfix .right {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.index_two {
  padding: 6.25rem 0 4rem;
  background: #EEF2F6;
  position: relative;
  z-index: 2;
}

.index_two .index_title {
  align-items: flex-start;
}

.index_two .svg-gong svg {
  opacity: 0.3;
}

.index_two::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - var(--con_left) / 2);
  height: 100%;
  background: #fff;
  z-index: -1;
}

.index_two.active .CYrnKDuW_0 {
  stroke-dasharray: 668 670;
  stroke-dashoffset: 669;
  animation: CYrnKDuW_draw 2000ms linear 0ms forwards;
}

.index_two.active .CYrnKDuW_1 {
  stroke-dasharray: 774 776;
  stroke-dashoffset: 775;
  animation: CYrnKDuW_draw 2000ms linear 166ms forwards;
}

.index_two.active .CYrnKDuW_2 {
  stroke-dasharray: 753 755;
  stroke-dashoffset: 754;
  animation: CYrnKDuW_draw 2000ms linear 333ms forwards;
}

.index_two.active .CYrnKDuW_3 {
  stroke-dasharray: 791 793;
  stroke-dashoffset: 792;
  animation: CYrnKDuW_draw 2000ms linear 500ms forwards;
}

.index_two.active .CYrnKDuW_4 {
  stroke-dasharray: 693 695;
  stroke-dashoffset: 694;
  animation: CYrnKDuW_draw 2000ms linear 666ms forwards;
}

.index_two.active .CYrnKDuW_5 {
  stroke-dasharray: 645 647;
  stroke-dashoffset: 646;
  animation: CYrnKDuW_draw 2000ms linear 833ms forwards;
}

.index_two.active .CYrnKDuW_6 {
  stroke-dasharray: 524 526;
  stroke-dashoffset: 525;
  animation: CYrnKDuW_draw 2000ms linear 1000ms forwards;
}

@keyframes CYrnKDuW_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes CYrnKDuW_fade {
  0% {
    stroke-opacity: 1;
  }

  94.44444444444444% {
    stroke-opacity: 1;
  }

  100% {
    stroke-opacity: 0;
  }
}

.index_two .list2 .swiper-slide:nth-child(2) .right,
.index_two .list2 .swiper-slide:nth-child(4) .right {
  bottom: 1rem;
}

.index_two .list2 .swiper-slide:nth-child(2) img,
.index_two .list2 .swiper-slide:nth-child(4) img {
  width: 85%;
}

.index_two .list2 .swiper-slide img {
  width: 75%;
}

.index_two .list2 .swiper-slide .clearfix .left {
  z-index: -2;
}

.index_two .container1::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 50% 100%);
  clip-path: polygon(100% 0, 0% 100%, 50% 100%);
  background: #54BCB7;
  height: 95%;
  width: 38%;
  z-index: -1;
  opacity: 0.1;
}

.index_two .title2 {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3.125rem;
  margin-bottom: 1.4375rem;
  color: #000000;
}

.index_two .list1 .row {
  align-items: flex-end;
  height: calc(100% - 4.5625rem);
}

.index_two .list1 .row>div,
.index_two .list1 .row>div>a {
  height: 100%;
}

.index_two .list1 .row .right.active .WLIhMecm_0 {
  stroke-dasharray: 1372 1374;
  stroke-dashoffset: 1373;
  animation: WLIhMecm_draw 1333ms linear 0ms forwards;
}

.index_two .list1 .row .right.active .WLIhMecm_1 {
  stroke-dasharray: 1165 1167;
  stroke-dashoffset: 1166;
  animation: WLIhMecm_draw 1333ms linear 666ms forwards;
}

@keyframes WLIhMecm_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes WLIhMecm_fade {
  0% {
    stroke-opacity: 1;
  }

  93.54838709677419% {
    stroke-opacity: 1;
  }

  100% {
    stroke-opacity: 0;
  }
}

.index_two .list1 .content {
  background: #F8F8F8;
  border-radius: 20px;
  padding: 4.25rem 1.75rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_two .list1 .content .left {
  width: 45%;
  padding-bottom: 2rem;
}

.index_two .list1 .content .right {
  width: 55%;
}

.index_two .list1 .content .text18 {
  margin: 0.75rem 0 3.75rem;
}

.index_two .list1 .content:hover {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_two .list1 .content:hover .more_2::before {
  background: #54BCB7;
  transform: scale(0.8);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_two .list1 .content:hover .name {
  color: #171c61;
}

.index_two .jiantou {
  position: static;
  bottom: 0;
  top: auto;
  transform: translateY(0);
  margin-top: 0;
}

.index_two .container2 .hover {
  margin-top: 3.125rem;
}

.index_two .container2 .swiper-button-next {
  margin-left: 1.25rem;
}

.index_two .container2 .swiper-pagination {
  width: calc(100% - 7rem - 3.125rem - 1.25rem);
  height: 0.125rem;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 1.5625rem;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #54BCB7;
  height: 0.25rem;
  top: -1px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.6;
}

.suqer_pro .name {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3.125rem;
  color: #171c61;
}

.suqer_pro .name.c {
  color: #54BCB7;
}

.suqer_pro .text18 {
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 600;
  color: #000000;
}

.suqer_pro .text {
  color: rgba(0, 0, 0, 0.6);
}

.suqer_pro .number {
  font-family: "Montserrat-bold";
  font-size: 7.5rem;
  line-height: 0.8;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-text-stroke: 1px rgba(84, 188, 183, 0.2);
  color: transparent;
}

.suqer_pro .more_2 {
  position: absolute;
  bottom: -0.5rem;
  left: 0.125rem;
  background: #171c61;
}

.suqer_pro .more_2 .iconfont {
  color: #fff;
}

.suqer_pro .more_2::before {
  background: #54BCB7;
}

.suqer_pro .more_2:hover {
  background: #171c61;
}

.index_three {
  background: #EEF2F6;
  padding-top: 6.25rem;
}

.index_three>.pr {
  /* padding-right: 38.75rem; */
}

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

.index_three .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index_three .swiper-slide .ta {
  position: relative;
  z-index: 4;
}

.index_three .swiper-slide a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.index_three .swiper-slide a {
  padding: 11.875rem 9.375rem 9.375rem;
  z-index: 2;
  position: relative;
}

.index_three .swiper-slide:hover .icon img {
  transform: rotateY(180deg);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_three .swiper-slide:hover .name {
  color: #54BCB7;
}

.index_three .swiper-slide:hover .img img {
  transform: scale(1.1);
}

.index_three .icon img {
  width: 6.625rem;
  height: 6.625rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_three .name {
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 2.375rem;
  color: #FFFFFF;
  margin: 0.75rem 0 1rem;
}

.index_three .text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  height: 5.25rem;
  color: #FFFFFF;
  padding-bottom: 2rem;
  -webkit-line-clamp: 4;
  overflow: visible;
}

.index_three .jiantou {
  top: -6rem;
  transform: translateY(0);
  margin-top: 0;
}

.index_three .swiper-pagination {
  font-size: 1.5rem;
  text-transform: uppercase;
  position: absolute;
  top: -6rem;
  color: #000000;
  width: 7.5rem;
  text-align: center;
  line-height: 3.5rem;
  height: 3.5rem;
  right: calc(var(--con_left) + 3.5rem);
  left: auto;
}

.index_three .swiper-pagination .swiper-pagination-current {
  color: #54BCB7;
}

.index_three .swiper-button-next {
  right: var(--con_left);
}

.index_three .swiper-button-prev {
  right: calc(11rem + var(--con_left));
  left: auto;
}

.suqer_case .title_top::before {
  background: rgba(255, 255, 255, 0.6);
}

.suqer_case .name {
  margin-bottom: 1.5625rem;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 2.6875rem;
  color: #171c61;
}

.suqer_case ul li {
  margin-bottom: 2.1875rem;
}

.suqer_case ul li:last-child {
  margin-bottom: 0;
}

.suqer_case ul li .name2 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #171c61;
  padding: 0.3125rem 0.6875rem 0.1875rem 0;
  position: relative;
  display: inline-block;
}

.suqer_case ul li .name2::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background: #54BCB7;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 50% 100%);
  clip-path: polygon(100% 0, 0% 100%, 50% 100%);
  width: 2.5625rem;
  height: 2.3125rem;
  z-index: -1;
}

.suqer_case ul li .text {
  color: rgba(0, 0, 0, 0.6);
  margin-top: 0.6875rem;
}

.index_four {
  position: relative;
  padding: 6.25rem 0 4.6875rem;
  z-index: 32;
}

.index_four .title_top::before {
  background: rgba(255, 255, 255, 0.6);
}

.index_four svg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 42.9375rem;
}

.index_four.active .PUJujcTq_0 {
  stroke-dasharray: 645 647;
  stroke-dashoffset: 646;
  animation: PUJujcTq_draw 1333ms linear 0ms forwards;
}

.index_four.active .PUJujcTq_1 {
  stroke-dasharray: 697 699;
  stroke-dashoffset: 698;
  animation: PUJujcTq_draw 1333ms linear 166ms forwards;
}

.index_four.active .PUJujcTq_2 {
  stroke-dasharray: 710 712;
  stroke-dashoffset: 711;
  animation: PUJujcTq_draw 1333ms linear 333ms forwards;
}

.index_four.active .PUJujcTq_3 {
  stroke-dasharray: 775 777;
  stroke-dashoffset: 776;
  animation: PUJujcTq_draw 1333ms linear 500ms forwards;
}

.index_four.active .PUJujcTq_4 {
  stroke-dasharray: 710 712;
  stroke-dashoffset: 711;
  animation: PUJujcTq_draw 1333ms linear 666ms forwards;
}

@keyframes PUJujcTq_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes PUJujcTq_fade {
  0% {
    stroke-opacity: 1;
  }

  93.54838709677419% {
    stroke-opacity: 1;
  }

  100% {
    stroke-opacity: 0;
  }
}

.index_four::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 30rem);
  height: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 30% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 30% 100%, 0% 100%);
  background: #54BCB7;
  z-index: -1;
}

.index_four .left {
  padding-right: 4.6875rem;
}

.index_four .swiper-slide .row {
  align-items: center;
}

.index_four .swiper-container {
  padding-bottom: 7rem;
}

.index_four .jiantou {
  margin-top: 0;
  top: auto;
  bottom: 0;
  transform: translateY(0);
}

.index_four .swiper-pagination {
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #000000;
  width: 7.5rem;
  text-align: center;
  line-height: 3.5rem;
  height: 3.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.index_four .swiper-pagination .swiper-pagination-current {
  color: #54BCB7;
}

.index_four .swiper-button-next {
  right: 42%;
}

.index_four .swiper-button-prev {
  left: 42%;
}

.p110 {
  padding: 6.875rem 0;
}

.p110.pb0 {
  padding-bottom: 0;
}

.p110.pt0 {
  padding-top: 0;
}

.list_pro .margin {
  margin: 0.75rem 0 0.9375rem;
}

.list_pro.list_pro1 .content {
  background: #EEF2F6;
  border-radius: 1.25rem;
  padding: 2.8125rem 5.3125rem 0 2.8125rem;
}

.list_pro.list_pro1 .right img {
  height: 31.25rem;
}

.list_pro.list_pro1 .row {
  align-items: center;
}

.list_pro.list_pro1 .right {
  position: relative;
  z-index: 2;
}

.list_pro.list_pro1 .right::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 95%;
  height: 100%;
  background: #54BCB7;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 60% 100%);
  clip-path: polygon(100% 0, 0% 100%, 60% 100%);
  z-index: -1;
}

.list_pro.list_pro1 .left {
  padding-right: 5rem;
}

.list_pro .more.pa {
  bottom: -0.5rem;
  position: absolute;
}

.list_pro .suqer_pro.swiper-slide {
  padding: 0;
  z-index: 4;
}

.list_pro .suqer_pro.swiper-slide::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 12.5rem);
  height: calc(100% - 6.25rem);
  background: rgba(84, 188, 183, 0.1);
  -webkit-clip-path: polygon(100% 0, 0% 100%, 60% 100%);
  clip-path: polygon(100% 0, 0% 100%, 60% 100%);
  z-index: 0;
}

.list_pro .suqer_pro.swiper-slide a {
  padding: 3.4375rem 3.125rem 0 3.125rem;
  height: 100%;
}

.list_pro .suqer_pro.swiper-slide a>div {
  position: relative;
  height: 100%;
  z-index: 7;
}

.list_pro .suqer_pro.swiper-slide a img {
  object-fit: contain;
}

.list_pro .suqer_pro.swiper-slide:hover {
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.2));
}

.list_pro .padding {
  padding: 0 1.25rem;
  margin-bottom: 2.5rem;
}

.list_pro .mar20 {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.list_pro.list_pro3 .suqer_pro.swiper-slide::before {
  background: #54BCB7;
}

.nyerji.nyerji_pro {
  background: #fff;
}

.nyerji.nyerji_pro .left {
  font-weight: 700;
  font-size: 1.25rem;
  color: #000000;
  width: 30%;
}

.nyerji.nyerji_pro .right {
  width: 70%;
  display: flex;
  align-items: center;
  justify-content: right;
}

.nyerji.nyerji_pro .right a {
  font-size: 1.125rem;
  color: rgba(0, 0, 0, 0.8);
  padding: 0 2.5rem;
  position: relative;
}

.nyerji.nyerji_pro .right a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  width: 1px;
  height: 1.25rem;
  background: #DFE2E6;
}

.nyerji.nyerji_pro .right a:first-child::before {
  display: none;
}

.nyerji.nyerji_pro .right a.active,
.nyerji.nyerji_pro .right a:hover {
  color: #54BCB7;
}

.show_pro_one {
  position: relative;
  padding: 3.125rem 0 5rem;
  z-index: 2;
}

.show_pro_one::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 5rem;
  height: 80%;
  width: 42%;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 60% 100%);
  clip-path: polygon(100% 0, 0% 100%, 60% 100%);
  z-index: -1;
  background: #54BCB7;
}

.show_pro_one .row {
  align-items: center;
}

.show_pro_one .right {
  padding-left: 2rem;
}

.show_pro_one .right .name {
  font-weight: 700;
  font-size: 3rem;
  line-height: 3.75rem;
  color: #000000;
}

.show_pro_one .right .text18 {
  font-size: 1.5rem;
  line-height: 2.1875rem;
  /* identical to box height */
  margin: 0.625rem 0 1.875rem;
  color: #000000;
}

.show_pro_one .right .text {
  color: rgba(0, 0, 0, 0.7);
}

.show_pro_one .fenxiang_flex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  bottom: 2.5rem;
  right: 0;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.3);
}

.show_pro_one .fenxiang_flex .fenxiang .social-share li a {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: rgba(0, 0, 0, 0.3) !important;
}

.show_pro_one .fenxiang_flex .fenxiang .social-share li a:hover {
  color: #fff !important;
}

.show_pro_two ul li:hover>div {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.show_pro_two ul li:hover>div img {
  transform: rotateY(180deg);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.show_pro_two ul li>div {
  background: #EEF2F6;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 1.25rem;
  padding: 4rem 0.9375rem 4.5rem;
  height: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.show_pro_two ul li>div .icon img {
  width: 4rem;
  height: 4rem;
  margin: 0 auto;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  display: block;
}

.show_pro_two ul li>div .name {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 3.125rem;
  text-align: center;
  text-transform: uppercase;
  color: #54BCB7;
}

.show_pro_two ul li>div .text {
  color: rgba(0, 0, 0, 0.7);
}

.show_pro_ul_flex {
  display: flex;
  margin: 0 -15px;
}

.show_pro_ul_flex>li {
  height: 100%;
  flex: 1 0 0;
  padding: 0 15px;
}

.show_pro_ul_flex>li>div {
  height: 100%;
}
.dbiaoti{
  padding-top: 1.2rem;
}
#nrkuan{
  width: 44%;
}
.tables .content {
  padding: 2.1875rem 3.125rem 4.125rem;
  background: #fff;
}
.tables .cont {
  padding: 2.1875rem 3.125rem 0 3.125rem;
  background: #fff;
}
#jzbt{
  padding-left: 4rem;
  padding-right: 15px;
}
#jzbt2{
  padding-left: 15px;
  padding-right: 0;
}

#dabt{
  padding: 1.2rem 0 1.2rem 4rem;
}

.tables .content.bgf7 {
  background: #EEF2F6;
}

.tables .content .row>div:nth-child(odd) {
  padding-right: 4rem;
}

.tables .content .row>div:nth-child(even) {
  padding-left: 4rem;
}

.tables .content .row>div {
  line-height: 1.875rem;
  font-size: 1.125rem;
}

.tables .content tr td {
  padding: 1.25rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 1.875rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
  white-space: nowrap;
}

.tables .content tr td:nth-child(1) {
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
}

.tables .content .row>div .clearfix {
  display: flex;
  padding: 1.25rem 0;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.tables .content .row>div .clearfix div {
  width: 28%;
}

.tables .content .row>div .clearfix div.w100 {
  width: 100%;
}

.tables .content .row>div .clearfix p {
  width: 60%;
}

.tables .content .row>div div {
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
}

.tables .content .row>div p {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.7);
}

.tables .tips {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.875rem;
  margin-top: 1.25rem;
  color: #171c61;
  padding-left: 1.25rem;
  position: relative;
}

.tables .tips::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  background: #171c61;
  border-radius: 50%;
}

.list_application#app2 .left,
.list_case:nth-child(even) .left {
  order: 2;
}

.list_application#app2 .right,
.list_case:nth-child(even) .right {
  order: 1;
}

.p60 {
  padding: 3.75rem 0;
}

.p60.pb0 {
  padding-bottom: 0;
}

.list_case {
  margin-bottom: 1.875rem;
}

.list_case .flex_left_right li {
  margin: 0;
}

.list_case .flex_left_right li .right {
  padding-left: 2.8125rem;
}

.list_case:nth-child(even) .flex_left_right li .right {
  padding-right: 2.8125rem;
  padding-left: 0;
}

.list_case .flex_left_right li>div {
  padding: 0;
}

.list_case .flex_left_right {
  padding: 1.875rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 1.25rem;
}

.list_case .flex_left_right .name2::before {
  background: #54BCB7;
  z-index: -1;
}

.list_case .flex_left_right .name2 {
  z-index: 3;
}

.list_case .flex_left_right .text {
  color: rgba(0, 0, 0, 0.7);
}

.list_case .flex_left_right ul li {
  margin: 0 0 1.25rem 0;
}

.list_case .flex_left_right ul li:last-child {
  margin-bottom: 0;
}

.list_case .flex_left_right ul li .text {
  padding: 0;
}

.list_case .flex_left_right li .right>div,
.list_case .flex_left_right li .right>div .over {
  border-radius: 0;
}

.list_application#app5 .row>div {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.list_application#app5 .row .text {
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
  margin-top: 0.5rem;
}

.list_application#app5 .row .icon {
  text-align: center;
}

.list_application#app5 .row .icon img {
  width: 3.75rem;
  height: 3.75rem;
}

.list_application .name {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2.1875rem;
  color: #000000;
  margin-bottom: 1.375rem;
}

.list_application .text {
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.875rem;
}

.list_application p {
  padding-left: 1.25rem;
  position: relative;
}

.list_application p::before {
  content: "";
  position: absolute;
  top: 0.65rem;
  left: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background: #171c61;
}

.list_application p span {
  color: #171c61;
}

.list_about.index_one .row {
  justify-content: flex-end;
}

.list_about.index_one .left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  padding-top: 0;
  -ms-flex: 0 0 36%;
  flex: 0 0 36%;
  max-width: 36%;
}

.list_about.index_one .text {
  text-align: justify;
}

.list_news_two .ul li {
  margin-bottom: 1.875rem;
}

.list_news_two .ul li .text {
  margin-bottom: 0;
}

.list_news {
  padding: 3.125rem 0 4.375rem;
  position: relative;
  z-index: 3;
}

.list_news .jiantou {
  background-color: #F8F8F8;
  border: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 3.25rem;
}

.list_news .jiantou:hover {
  background: #54BCB7;
}

.list_news .swiper-button-next {
  right: -6rem;
}

.list_news .swiper-button-prev {
  left: -6rem;
}

.list_news::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 5rem;
  width: 50.75rem;
  height: calc(100% - 8.875rem);
  -webkit-clip-path: polygon(100% 0, 0% 100%, 60% 100%);
  clip-path: polygon(100% 0, 0% 100%, 60% 100%);
  z-index: -1;
  background: #54BCB7;
  opacity: 0.1;
}

.list_news .swiper-container {
  margin-bottom: 1.875rem;
}

.list_news .swiper-pagination {
  left: 50%;
  transform: translateX(-50%);
}

.list_news .swiper-pagination-bullet {
  margin: 0 0.3125rem;
}

.list_news::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 39rem;
  height: 60%;
  -webkit-clip-path: polygon(100% 0, 40% 0, 0 100%);
  clip-path: polygon(100% 0, 40% 0, 0 100%);
  z-index: -1;
  background: #54BCB7;
  opacity: 0.1;
}

.list_news .swiper-slide:hover .hover {
  background: rgba(84, 188, 183, 0.8);
}

.list_news .hover {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  line-height: 4.375rem;
  padding: 0 1.25rem;
}

.list_news .hover a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list_news .hover div {
  font-weight: 700;
  font-size: 1.125rem;
  color: #FFFFFF;
  width: 80%;
}

.list_news .hover p {
  font-size: 1rem;
  color: #FFFFFF;
}

.list_news .swiper-slide {
  opacity: 0 !important;
}

.list_news .swiper-slide-active {
  opacity: 1 !important;
}

.list_qa .list {
  background: #fff;
  border: 1px solid #E7E7E7;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  border-radius: 1rem;
  margin-bottom: 1.875rem;
}

.list_qa .list .q {
  padding: 1.875rem 2.1875rem;
}

.list_qa .list .a {
  padding: 1.5625rem 2.1875rem 1.875rem;
}

.list_qa .list:hover {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_qa .list.active .q>div:nth-child(1) {
  background: #54BCB7 !important;
}

.list_qa .list:hover,
.list_qa .list.active {
  background: #fff;
  border: 1px solid rgba(23, 63, 134, 0.1);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_qa .list:hover .q>div:nth-child(1),
.list_qa .list.active .q>div:nth-child(1),
.list_qa .list:hover .a>div:nth-child(1),
.list_qa .list.active .a>div:nth-child(1) {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_qa .list .q {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 2rem;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7);
}

.list_qa .list .q>div:nth-child(1) {
  background: #ACBBCC !important;
}

.list_qa .list .q>div:nth-child(2) {
  display: flex;
  align-items: center;
}

.list_qa .list .q>div:nth-child(2) div {
  width: 80%;
}

.list_qa .list .q>div:nth-child(2) p {
  width: 20%;
  text-align: right;
}

.list_qa .list .q>div:nth-child(2) p .iconfont {
  font-size: 1.25rem;
  color: #ACBBCC;
}

.list_qa .list .a_show {
  display: none;
}

.list_qa .list .a {
  border-top: 1px solid rgba(23, 63, 134, 0.1);
  font-size: 1rem;
  line-height: 1.875rem;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7);
}

.list_qa .list .a p {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-top: 1.5rem;
  text-transform: lowercase;
  color: #999999;
}

.list_qa .list .q,
.list_qa .list .a {
  display: flex;
  align-items: flex-start;
}

.list_qa .list .q>div:nth-child(1),
.list_qa .list .a>div:nth-child(1) {
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  border-radius: 0.375rem;
  font-weight: 700;
  font-size: 1.25rem;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #54BCB7;
}

.list_qa .list .a>div:nth-child(1) {
  background: #171c61;
}

.list_qa .list .q>div:nth-child(2),
.list_qa .list .a>div:nth-child(2) {
  width: calc(100% - 2.125rem);
  padding-left: 1rem;
}

.list-icon{
  float: left;
}

@media (max-width: 990px) {
  .list_qa .list .q {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .list_qa .list .a {
    padding-top: 15px;
    margin-top: 15px;
  }

  .list_qa .list .a {
    padding: 15px;
    margin-top: 0;
  }

  .list_qa .list {
    margin-bottom: 15px;
  }

  .list_qa .list:last-child {
    margin-bottom: 0;
  }

  .list_qa .list .q {
    font-size: 16px;
    padding: 15px;
  }

  .list_qa .list .q>div:nth-child(1),
  .list_qa .list .a>div:nth-child(1) {
    font-size: 16px;
  }
}

.list_honor .ul li {
  margin-bottom: 2.8125rem;
}

.list_honor .ul li>a {
  height: 100%;
}

.list_honor .ul li .bor {
  border: 1px solid #E4E4E4;
  padding: 0.875rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  height: calc(100% - 2.75rem);
  display: flex;
  align-items: center;
}

.list_honor .ul li .text {
  padding-top: 1rem;
  color: rgba(0, 0, 0, 0.8);
}

.list_honor .ul li:hover .bor {
  border-color: #54BCB7;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.hover_bian div:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.125rem;
  background: #54BCB7;
  z-index: 9;
}

.hover_bian div:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.125rem;
  background: #54BCB7;
  z-index: 9;
}

.hover_bian div:nth-child(3) {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 0.125rem;
  background: #54BCB7;
  z-index: 9;
}

.hover_bian div:nth-child(4) {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0.125rem;
  height: 0;
  background: #54BCB7;
  z-index: 9;
}

@keyframes bian1 {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes bian2 {
  0% {
    height: 0;
  }

  100% {
    height: 100%;
  }
}

@keyframes bian3 {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes bian4 {
  0% {
    height: 0;
  }

  100% {
    height: 100%;
  }
}

.hover_bian_hover:hover .hover_bian div:nth-child(1) {
  animation: bian1 0.5s;
  width: 100%;
}

.hover_bian_hover:hover .hover_bian div:nth-child(2) {
  animation: bian2 0.5s;
  height: 100%;
}

.hover_bian_hover:hover .hover_bian div:nth-child(3) {
  animation: bian3 0.5s;
  width: 100%;
}

.hover_bian_hover:hover .hover_bian div:nth-child(4) {
  animation: bian4 0.5s;
  height: 100%;
}

.list_download .ul li {
  margin-bottom: 1.875rem;
}

.list_download .ul li .left {
  padding-right: 2.8125rem;
}

.list_download .ul li:hover>a {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_download .ul li:hover .name {
  color: #54BCB7;
}

.list_download .ul li:hover img {
  transform: scale(1.1);
}

.list_download .ul li:hover .download_more {
  color: #fff;
  border-color: #54BCB7;
}

.list_download .ul li:hover .download_more::before {
  transform: scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  top: 50%;
  left: 50%;
}

.list_download .ul li>a {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 1.25rem;
  align-items: center;
  padding: 3.125rem 1.875rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_download .ul li .name {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 2rem;
  /* text-transform: uppercase; */
  color: #000000;
}

.list_download .ul li .text {
  color: #666666;
  margin: 0.8125rem 0 2.875rem;
}

.list_download .ul li .text span {
  color: #54BCB7;
}

.download_more {
  display: inline-block;
  width: 5rem;
  line-height: 2.5rem;
  font-size: 1rem;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 2.5rem;
  text-align: center;
  position: relative;
  z-index: 3;
}

.download_more::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0) translate(-50%, -50%);
  opacity: 0;
  width: calc(100% - 0.625rem);
  height: calc(100% - 0.625rem);
  border-radius: 2.5rem;
  background: #54BCB7;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: -1;
}

.download_more:hover {
  color: #fff;
  border-color: #54BCB7;
}

.download_more:hover::before {
  transform: scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  top: 50%;
  left: 50%;
}

.download_pop_up .modal-title {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2.1875rem;
  text-transform: uppercase;
  color: #171c61;
}

.download_pop_up .padding {
  padding: 2.125rem 2.5rem 4.6875rem;
}

.download_pop_up .modal-header {
  padding: 0 0 1.25rem;
}

.download_pop_up input {
  line-height: 3.75rem;
  border: 1px solid #DCDCDC;
  border-radius: 0.625rem;
  font-size: 1.125rem;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.8);
  width: 100%;
  padding: 0 1.25rem;
}

.download_pop_up textarea {
  height: 6.25rem;
  border: 1px solid #DCDCDC;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.625rem;
  font-size: 1.125rem;
  padding: 0.625rem 1.25rem;
  display: block;
  width: 100%;
}

.download_pop_up .modal-body {
  padding: 1.875rem 0 0;
}

.modal-open {
  padding-right: 0 !important;
}

.list_contact .left {
  width: 71%;
}

.list_contact .right {
  width: 29%;
  padding: 0 2rem 0 1.875rem;
  z-index: 4;
  position: relative;
  display: flex;
  align-items: center;
}

.list_contact .right>div {
  padding-bottom: 3rem;
}

.list_contact .right .name {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 2rem;
  /* identical to box height */
  text-transform: uppercase;
  color: #FFFFFF;
}

.list_contact .right .ul>li {
  font-size: 1rem;
  color: #fff;
  padding: 1rem 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}

.list_contact .right .ul>li>div {
  line-height: 1.5rem;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 0.4375rem;
}

.list_contact .right .ul>li ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list_contact .right .ul>li ul li div {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  line-height: 2.5rem;
  background: #54BCB7;
  text-align: center;
}

.list_contact .right .ul>li ul li div .iconfont {
  font-size: 1.25rem;
  color: #fff;
  display: block;
}

.list_contact .right .ul>li ul li p {
  padding-left: 0.625rem;
  width: calc(100% - 2.5rem);
}

.list_contact .logo {
  position: absolute;
  bottom: 1.25rem;
  right: 2.5rem;
  z-index: 3;
}

.list_contact .logo img {
  height: 4.375rem;
  opacity: 0.3;
}

.list_contact .bg_clip {
  display: flex;
  justify-content: space-between;
  z-index: 2;
}

.list_contact .bg_clip::before {
  content: "";
  position: absolute;
  background: url(../img/21.png) no-repeat;
  bottom: 0;
  right: 0;
  width: calc(29% + 8rem);
  height: 100%;
  z-index: 1;
}

.list_message .download_more,
.download_pop_up .download_more {
  width: 8.75rem;
  border: none;
  line-height: 3.125rem;
  color: #fff;
}

.list_message .download_more::before,
.download_pop_up .download_more::before {
  background: #171c61;
}

.list_message input {
  line-height: 3.75rem;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.625rem;
  font-size: 1.125rem;
  color: rgba(0, 0, 0, 0.8);
  padding: 0 1.25rem;
  width: 100%;
}

.over>img:hover {
    transform: scale(1.1);
}

.over>img {
    cursor: pointer;
    transition: all .6s;
}
img {
    max-width: 100%;
    height: auto;
    width: auto\9;
    -ms-interpolation-mode: bicubic;
}