@charset "utf-8";

html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  background-color: #e2eefd;
  background: linear-gradient(to bottom, #e2eefd, #e2eefd);
}

/*banner_start*/
.swiper-container {
  width: 100%;
  height: 60%;
  /* margin-top: 62px; */
  /* padding-left: 240px;
  padding-right: 240px; */
}

@media (max-width: 767px) {
  .swiper-container {
    /* padding-left: 15px;
    padding-right: 15px; */
    height: auto;
    margin-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .swiper-container {
    margin-top: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .swiper-container {
    /* padding-left: 175px;
    padding-right: 175px; */
  }
}

@media (min-width: 1200px) and (max-width: 1280px) {
  .swiper-container {
    /* padding-left: 195px;
    padding-right: 195px; */
  }
}

@media (min-width: 1281px) and (max-width: 1290px) {
  .swiper-container {
    /*  padding-left: 205px;
    padding-right: 205px; */
  }
}

@media (min-width: 1291px) and (max-width: 1360px) {
  .swiper-container {
    /* padding-left: 215px;
    padding-right: 215px; */
  }
}

/*动画元素*/
.anim-elements {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  overflow: hidden;
}
.anim-elements .anim-element {
  position: absolute;
}
.anim-elements .anim-element:nth-child(1) {
  background: rgba(0, 201, 157, 0.75);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 12%;
  left: 15%;
  animation: animTwo 13s infinite linear;
}
.anim-elements .anim-element:nth-child(2) {
  border: 5px solid rgba(0, 153, 229, 0.65);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  top: 15%;
  left: 45%;
  -webkit-animation: animOne 15s infinite linear;
  animation: animOne 15s infinite linear;
}
.anim-elements .anim-element:nth-child(3) {
  border: 5px solid rgba(244, 34, 104, 0.5);
  width: 25px;
  height: 25px;
  bottom: 20%;
  left: 30%;
  -webkit-animation: animFour 15s infinite linear alternate;
  animation: animFour 15s infinite linear alternate;
}
.anim-elements .anim-element:nth-child(4) {
  background: rgba(252, 162, 73, 0.8);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  bottom: 15%;
  right: 25%;
  -webkit-animation: animFive 15s infinite linear alternate;
  animation: animFive 15s infinite linear alternate;
}
.anim-elements .anim-element:nth-child(5) {
  background: rgba(100, 45, 250, 0.4);
  width: 3px;
  height: 20px;
  top: 18%;
  right: 25%;
  -webkit-animation: animFour 15s infinite linear alternate;
  animation: animFour 15s infinite linear alternate;
}
.anim-elements .anim-element:nth-child(5):after,
.anim-elements .anim-element:nth-child(5):before {
  content: "";
  display: block;
  width: 100%;
  height: calc(50% - 2px);
  top: 6px;
  background: inherit;
  position: absolute;
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.anim-elements .anim-element:nth-child(5):before {
  right: -6px;
}
.anim-elements .anim-element:nth-child(5):after {
  left: -6px;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@media (max-width: 767px) {
  .swiper-wrapper {
    height: 360px;
  }
}

.swiper-slide {
  width: 100%;
  height: 100%;
}

.swiper-slide .slide-pic {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  overflow: hidden;
}

@media (max-width: 767px) {
  .swiper-slide .slide-pic {
    padding-top: 60px;
  }
}

.swiper-slide .slide-pic .overlayer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(31, 17, 66, 0.5);
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(31, 17, 66, 0) 100%
  );
  z-index: 8;
}

@media (max-width: 767px) {
  .swiper-slide .slide-pic .overlayer {
    position: static;
    margin-top: 45px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .swiper-slide .slide-pic .overlayer {
    position: static;
    margin-top: 45px;
  }
}

.swiper-slide .slide-pic .overlayer .main_text {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .swiper-slide .slide-pic .overlayer .main_text {
    display: block;
  }
}

.swiper-slide .slide-pic .overlayer .main_text .sub_text_c {
  padding: 0 15px;
}

@media (max-width: 767px) {
  .swiper-slide .slide-pic .overlayer .main_text .sub_text_c {
    width: 100%;
    text-align: center;
  }
}

.swiper-slide .slide-pic .overlayer .main_text .sub_text_c .showtxt {
  margin-bottom: 10px;
}
.swiper-slide .slide-pic .overlayer .main_text .zhanwei {
  height: 80px;
  border: 1px solid #ff0000;
}
.bodyh2title.re_slide_bodyh2title {
  color: rgba(255, 255, 255, 1);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.35);
}

@media (max-width: 767px) {
  .bodyh2title.re_slide_bodyh2title {
    font-size: 1.3rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .bodyh2title.re_slide_bodyh2title {
    font-size: 1.3rem;
  }
}

.bodyh1title.re_slide_bodyh1title {
  margin: 35px 0;
  font-weight: 800;
  color: rgba(255, 255, 255, 1);
  font-size: 3.2rem;
  text-shadow: 1px 1px 2px rgb(31 17 66 / 65%);
}

@media (max-width: 1199px) and (min-width: 992px) {
  .bodyh1title.re_slide_bodyh1title {
    font-size: 2.5rem;
    margin: 25px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .bodyh1title.re_slide_bodyh1title {
    font-size: 2rem;
    margin: 25px 0;
  }
}

@media (max-width: 767px) {
  .bodyh1title.re_slide_bodyh1title {
    font-size: 1.5rem;
    margin: 15px 0;
  }
}

.bodyh3title.re_slide_bodyh3title {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 25px;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.35);
}

@media (max-width: 767px) {
  .bodyh3title.re_slide_bodyh3title {
    font-size: 1.1rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .bodyh3title.re_slide_bodyh3title {
    font-size: 1.1rem;
  }
}

.swiper-button-prev.prev-next-btn,
.swiper-button-next.prev-next-btn {
  width: 55px;
  height: 55px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.45);
  transition: background-color 0.5s ease;
  border-radius: 50%;
}

.prev-next-btn .iconfont {
  color: rgba(255, 255, 255, 1);
  font-size: 1.4rem;
  transition: color 0.5s ease;
}
.prev-next-btn:hover .iconfont {
  color: rgba(31, 17, 66, 0.8);
}
.prev-next-btn:hover {
  background-color: rgba(255, 255, 255, 1);
}

.prev-next-btn.swiper-button-prev-custom {
  left: 15px;
  transition: left 0.5s ease-in-out;
  background-image: none;
  border-radius: 8px;
}

.prev-next-btn.swiper-button-next-custom {
  right: 15px;
  transition: right 0.5s ease-in-out;
  background-image: none;
  border-radius: 8px;
}

/*Banner分页器的样式*/
.swiper-pagination-custom {
  bottom: 35px;
  width: 100%;
  text-align: center;
}

@media (max-width: 767px) {
  .swiper-pagination-custom {
    bottom: 25px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .swiper-pagination-custom {
    bottom: 25px;
  }
}

.swiper-pagination-custom-list {
  width: 12px;
  height: 4px;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0 5px;
  border-radius: 5px;
  cursor: pointer;
}

.swiper-pagination-customs-active {
  background-color: #3a3a3a;
  width: 25px;
}

.swiper-pagination-container {
  width: 100%;
}

/*banner上按钮*/
.swiper-slide .slide-pic .overlayer .main_text .sub_text_c .btn_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-top: 45px;
}
@media (max-width: 767px) {
  .swiper-slide .slide-pic .overlayer .main_text .sub_text_c .btn_container {
    justify-content: center;
    margin-top: 30px;
  }
}
.swiper-slide .slide-pic .overlayer .main_text .sub_text_c .btnc {
  position: relative;
  float: left;
  /*   margin-right: 25px; */
}

@media (max-width: 767px) {
  .swiper-slide .slide-pic .overlayer .main_text .sub_text_c .btnc {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .swiper-slide .slide-pic .overlayer .main_text .sub_text_c .btnc {
    margin-right: 0;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .swiper-slide .slide-pic .overlayer .main_text .sub_text_c .btnc {
    margin-right: 0;
  }
}
.swiper-slide
  .slide-pic
  .overlayer
  .main_text
  .sub_text_c
  .btnc.none_margin_right {
  margin-right: 0;
}
.swiper-slide .slide-pic .overlayer .main_text .sub_text_c .btnc .erweima {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: opacity 0.5s ease, visibility 0.5s ease, z-index 0.5s ease;
}
.swiper-slide
  .slide-pic
  .overlayer
  .main_text
  .sub_text_c
  .btnc
  .erweima
  .er_wei_ma_pic {
  margin-top: 35px;
  transition: margin-top 0.5s ease;
}

.swiper-slide
  .slide-pic
  .overlayer
  .main_text
  .sub_text_c
  .btnc
  .erweima
  .er_wei_ma_pic
  img {
  border-radius: 8px;
}
.custom-btn.re-slide-custom-btn {
  position: relative;
  z-index: 1;
  border-radius: 50px;
  padding: 12px 35px;
  transition: padding 0.5s ease;
}
@media (max-width: 767px) {
  .custom-btn.re-slide-custom-btn {
    padding: 12px 35px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .custom-btn.re-slide-custom-btn {
    padding: 12px 35px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .custom-btn.re-slide-custom-btn {
    padding: 12px 35px;
  }
}

.custom-btn.re-slide-custom-btn:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* border-radius: 50px; */
  border-radius: 25px 25px 0 25px;
  background: linear-gradient(90deg, #d43532, #ea6764);
  z-index: -1;
  transition: opacity 0.5s ease;
}

.custom-btn.re-slide-custom-btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* border-radius: 50px; */
  border-radius: 25px 25px 0 25px;
  background: linear-gradient(-90deg, #d43532, #ea6764);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.swiper-slide
  .slide-pic
  .overlayer
  .main_text
  .sub_text_c
  .btnc:hover
  .custom-btn.re-slide-custom-btn:before {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.swiper-slide
  .slide-pic
  .overlayer
  .main_text
  .sub_text_c
  .btnc:hover
  .custom-btn.re-slide-custom-btn:after {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.swiper-slide
  .slide-pic
  .overlayer
  .main_text
  .sub_text_c
  .btnc:hover
  .erweima {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  transition: opacity 0.5s ease, visibility 0.5s ease, z-index 0.5s ease;
}
.swiper-slide
  .slide-pic
  .overlayer
  .main_text
  .sub_text_c
  .btnc:hover
  .er_wei_ma_pic {
  margin-top: 0px;
  transition: margin-top 0.5s ease;
  /* -webkit-animation: bounce 1s linear;
  animation: bounce 1s linear; */
}

.swiper-slide .slide-pic .overlayer .main_text .goodsc img {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: hover 3s ease infinite;
  animation: hover 3s ease infinite;
  -webkit-animation-delay: -0.65s;
  animation-delay: -0.65s;
}

@media (max-width: 767px) {
  .swiper-slide .slide-pic .overlayer .main_text .goodsc {
    margin-top: 30px;
  }
  .swiper-slide .slide-pic .overlayer .main_text .goodsc img {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .swiper-slide .slide-pic .overlayer .main_text .goodsc img {
    display: block;
    width: 100%;
    height: auto;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .swiper-slide .slide-pic .overlayer .main_text .goodsc img {
    display: block;
    width: 100%;
    height: auto;
  }
}

.particles_js {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

.cover_layer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background: transparent url(../images/pattern_pc.png) repeat top left;
  z-index: 2;
}

/*鼠标样式*/
.mouse_icon_container {
  position: absolute;
  left: 0;
  bottom: 80px;
  width: 100%;
  text-align: center;
  z-index: 15;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
}

.fadeInUp.delaytimes {
  animation-delay: 0.35s;
}

.mouse_icon_container .mouse_icon {
  width: 25px;
  height: 40px;
  border-radius: 25px;
  border: 1px solid #d43532;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  /* cursor: pointer; */
  background-color: #d43532;
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.45);
}
.mouse_icon_container .text_tip {
  margin-top: 15px;
  color: rgba(255, 255, 255, 0.7);
}
.mouse_icon_container .mouse_icon .hlinec {
  width: 2px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.35);
  border-radius: 25px;
}

.mouse_icon_container .mouse_icon .fadeOutDown.repeat_run {
  animation-delay: 1.2s;
  animation-iteration-count: infinite;
  animation-duration: 1s;
}

/*产品展示*/
.services_c .sulc_c {
  position: relative;
  overflow: hidden;
  margin-top: 38px;
  border-radius: 8px;
  -moz-transition: transform 0.5s ease, box-shadow 0.5s ease;
  -webkit-transition: transform 0.5s ease, box-shadow 0.5s ease;
  -o-transition: transform 0.5s ease, box-shadow 0.5s ease;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
}

@media (max-width: 767px) {
  .services_c .sulc_c {
    margin-top: 18px;
  }
}

.services_c .sulc_c:hover {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
  box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.12);
}

.services_c .sulc_c .sulc_c_content {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 66%;
}

.services_c .sulc_c .sulc_c_content .overlayer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #2d2d2d 0%, rgba(99, 123, 148, 0) 50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 1;
  transition: bottom 0.5s ease, visibility 0.5s ease, opacity 0.5s ease;
}

@media (max-width: 767px) {
  .services_c .sulc_c .sulc_c_content .overlayer {
    padding: 10px 10px 10px 10px;
  }
}

.services_c .sulc_c .sulc_c_content .overlayer .h1text {
  font-size: 1.1rem;
  width: 100%;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  padding: 15px 20px 20px 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: color 0.5s ease;
}
@media (max-width: 767px) {
  .services_c .sulc_c .sulc_c_content .overlayer .h1text {
    padding: 15px 20px 10px 20px;
  }
}
.services_c .sulc_c .sulc_c_content .overlayer:hover .h1text {
  color: #f60;
}

.services_c .sulc_c .sulc_c_content .overlayer .h1text a {
  font-size: 1rem;
  color: rgba(255, 255, 255, 1);
  display: block;
  width: 100%;
  padding: 15px 15px 15px 15px;
  transition: color 0.5s ease;
}

.services_c .sulc_c .sulc_c_content .overlayer .h1text a:hover {
  color: #f60;
}
.services_c .sulc_c .sulc_c_content:hover .overlayer {
  bottom: -100%;
}
.services_c .sulc_c .sulc_c_content .desc_layer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  flex-wrap: nowrap;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(212, 53, 50, 0.75);
  transition: top 0.5s ease;
  border-radius: 8px;
}
.services_c .sulc_c .sulc_c_content .desc_layer .desc_con {
  text-align: center;
  padding: 0 20px;
  width: 100%;
}
.services_c
  .sulc_c
  .sulc_c_content
  .desc_layer
  .bodyh3title.re_cases_bodyh3title {
  font-weight: normal;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.services_c .sulc_c .sulc_c_content .desc_layer a.buslink {
  font-size: 1.2rem;
  font-weight: 800;
  color: #fff;
  transition: color 0.5s ease;
}
@media (max-width: 767px) {
  .services_c .sulc_c .sulc_c_content .desc_layer a.buslink {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .services_c .sulc_c .sulc_c_content .desc_layer a.buslink {
    font-size: 1.5rem;
  }
}
.services_c .sulc_c .sulc_c_content .desc_layer a.buslink:hover {
  color: #ccc;
}
.services_c .sulc_c .sulc_c_content .desc_layer .split_line.re_desc_split_line {
  background-color: rgba(255, 255, 255, 0.3);
  width: 70%;
}
.services_c .sulc_c .sulc_c_content .desc_layer .flagc {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.75);
}
.services_c .sulc_c .sulc_c_content .desc_layer .flagc span {
  margin: 0 5px;
}
.services_c .sulc_c .sulc_c_content .desc_layer .flagc .iconfont {
  margin-right: 2px;
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.8);
}
.services_c .sulc_c .sulc_c_content:hover .desc_layer {
  top: 0;
}

/*我们的服务*/

/* .services_c .service_item_c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.services_c .service_item_c .col_item_c {
  margin-top: 38px;
}
@media (max-width: 767px) {
  .services_c .service_item_c .col_item_c {
    margin-top: 18px;
  }
}
.services_c .showbig_c {
  padding: 35px 15px 30px 15px;
  background-color: #fff;
  border-radius: 40px 0 40px 40px;
  height: 100%;
  transition: box-shadow 0.5s ease, transform 0.5s ease;
}
.services_c .showbig_c.bgc {
  background-color: #0c5adb;
}

@media (max-width: 767px) {
  .services_c .showbig_c {
    padding: 25px 15px;
  }
}

.services_c .showbig_c:hover {
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.services_c .showbig_c:hover {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  -o-transform: translateY(-8px);
  transform: translateY(-8px);
}

.services_c .show_c {
  text-align: center;
}

.services_c .show_c .show_text.re_slogic_show_text {
  line-height: 25px;
  color: rgba(31, 17, 66, 0.7);
  font-size: 1.1rem;
  padding: 15px 0px 0px;
}
.services_c .show_c .show_text.re_slogic_show_text.retxt {
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 767px) {
  .services_c .show_c .show_text.re_slogic_show_text {
    margin-top: 0;
    padding: 0;
  }
}

.services_c .show_c .iconshow_c {
  width: 70px;
  height: 70px;
  line-height: 70px;
  background-color: #0c5adb;
  background: linear-gradient(45deg, #0c5adb, #0c5adb);
  border-radius: 22px 0 22px 22px;
  margin: 0 auto 30px auto;
  text-align: center;
}

.services_c .showbig_c.bgc .re_iconshow_c {
  background-color: #fff;
  background: linear-gradient(45deg, #fff, #fff);
}

.services_c .show_c .iconfont {
  font-size: 3rem;
  color: #fff;
}

.services_c .show_c .iconfont.re_iconfont {
  color: #0c5adb;
}

.services_c .bodyh3title.re_services_bodyh3title {
  color: #fff;
} */

/*关于我们*/
.aboutc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -280px;
}

@media (max-width: 767px) {
  .aboutc {
    margin-top: 30px;
  }
}
.aboutc .container_c {
  width: 100%;
}

.aboutc .container_c .row_c {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.aboutc .container_c .row_c .col_12_c {
  height: 100%;
}

.aboutc .container_c .row_c .col_12_c .white_bg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border-radius: 8px;
  height: 100%;
  overflow: hidden;
}

@media (min-width: 768px) and (max-width: 991px) {
  .aboutc .container_c .row_c .col_12_c .white_bg {
    height: auto;
  }
}

@media (max-width: 767px) {
  .aboutc .container_c .row_c .col_12_c .white_bg {
    height: auto;
  }
}
.aboutc .container_c .row_c .col_12_c .white_bg .item_c {
  flex: 1;
  height: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .aboutc .container_c .row_c .col_12_c .white_bg .item_c {
    flex: auto;
  }
}

@media (max-width: 767px) {
  .aboutc .container_c .row_c .col_12_c .white_bg .item_c {
    flex: auto;
  }
}
.aboutc .container_c .row_c .col_12_c .white_bg .item_c.item_c_bg {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  transform: matrix(1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  overflow: hidden;
}

@media (min-width: 768px) and (max-width: 991px) {
  .aboutc .container_c .row_c .col_12_c .white_bg .item_c.item_c_bg {
    height: 300px;
  }
}

@media (max-width: 767px) {
  .aboutc .container_c .row_c .col_12_c .white_bg .item_c.item_c_bg {
    height: 300px;
  }
}

.aboutc .container_c .row_c .col_12_c .white_bg .item_c .about_text {
  height: 100%;
  background-color: #fff;
  padding: 45px 45px;
  overflow: hidden;
  position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
  .aboutc .container_c .row_c .col_12_c .white_bg .item_c .about_text {
    padding: 35px 35px;
  }
}

@media (max-width: 767px) {
  .aboutc .container_c .row_c .col_12_c .white_bg .item_c .about_text {
    padding: 35px 35px;
  }
}

.aboutc .container_c .row_c .col_12_c .white_bg .item_c .about_text .morebtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  text-align: center;
  padding: 50px 0 2px 0;
  position: absolute;
  right: -44px;
  bottom: -42px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  background-color: #d43532;
  color: #fff;
  transition: background-color 0.5s ease;
}
.aboutc
  .container_c
  .row_c
  .col_12_c
  .white_bg
  .item_c
  .about_text
  .morebtn
  a.morelink {
  color: #fff;
  font-size: 1.2rem;
  width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: transform 0.5s ease;
}

.aboutc
  .container_c
  .row_c
  .col_12_c
  .white_bg
  .item_c
  .about_text
  .morebtn
  a.morelink:hover {
  color: #fff;
}
.aboutc
  .container_c
  .row_c
  .col_12_c
  .white_bg
  .item_c
  .about_text
  .morebtn:hover {
  background-color: #1479d7;
}
.aboutc
  .container_c
  .row_c
  .col_12_c
  .white_bg
  .item_c
  .about_text
  .morebtn:hover
  a.morelink {
  -webkit-transform: rotate(405deg);
  -moz-transform: rotate(405deg);
  -ms-transform: rotate(405deg);
  -o-transform: rotate(405deg);
  transform: rotate(405deg);
}

.aboutc
  .container_c
  .row_c
  .col_12_c
  .white_bg
  .item_c
  .about_text
  .bodyh3title.re_bodyh3title {
  text-align: left;
}

@media (min-width: 768px) and (max-width: 991px) {
  .aboutc
    .container_c
    .row_c
    .col_12_c
    .white_bg
    .item_c
    .about_text
    .bodyh3title.re_bodyh3title {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .aboutc
    .container_c
    .row_c
    .col_12_c
    .white_bg
    .item_c
    .about_text
    .bodyh3title.re_bodyh3title {
    text-align: center;
  }
}

.aboutc
  .container_c
  .row_c
  .col_12_c
  .white_bg
  .item_c
  .about_text
  .bodyh1title.re_bodyh1title.re_re_bodyh1title {
  text-align: left;
}
@media (min-width: 768px) and (max-width: 991px) {
  .aboutc
    .container_c
    .row_c
    .col_12_c
    .white_bg
    .item_c
    .about_text
    .bodyh1title.re_bodyh1title.re_re_bodyh1title {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .aboutc
    .container_c
    .row_c
    .col_12_c
    .white_bg
    .item_c
    .about_text
    .bodyh1title.re_bodyh1title.re_re_bodyh1title {
    text-align: center;
  }
}
.aboutc
  .container_c
  .row_c
  .col_12_c
  .white_bg
  .item_c
  .about_text
  .split_line.re_split_line
  .re_posline {
  left: 0;
  margin-left: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .aboutc
    .container_c
    .row_c
    .col_12_c
    .white_bg
    .item_c
    .about_text
    .split_line.re_split_line
    .re_posline {
    left: 50%;
    margin-left: -50px;
  }
}

@media (max-width: 767px) {
  .aboutc
    .container_c
    .row_c
    .col_12_c
    .white_bg
    .item_c
    .about_text
    .split_line.re_split_line
    .re_posline {
    left: 50%;
    margin-left: -50px;
  }
}

/*滚动动态数据_start*/
.counter_bg {
  position: relative;
  z-index: -1;
  padding: 340px 0 80px 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  background-image: url(../images/about_bg.jpg);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  overflow: hidden;
}

@media (max-width: 767px) {
  .counter_bg {
    padding: 300px 0 45px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .counter_bg {
    padding: 300px 0 45px 0;
  }
}

.statistics {
  color: #fff;
}

@media (min-width: 768px) and (max-width: 991px) {
  .counter_c .statistics {
    border-radius: 8px;
  }
}

@media (max-width: 767px) {
  .counter_c .statistics {
    border-radius: 8px;
  }
}

.counter_c .item_container {
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 767px) {
  .counter_c .item_container {
    margin: 5px auto;
    box-shadow: 1px 1px 30px 0px rgba(77, 93, 116, 0.15);
    padding: 12px 15px;
    border-radius: 8px;
    background-color: #fdfeff;
    color: rgba(31, 17, 66, 0.7);
    margin-top: 15px;
    height: 115px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .counter_c .item_container {
    margin: 5px auto;
    box-shadow: -1px 3px 20px 0px rgba(77, 93, 116, 0.15);
    padding: 12px 15px;
    border-radius: 8px;
    background-color: #fdfeff;
    color: rgba(31, 17, 66, 0.7);
    margin-top: 15px;
  }
}

.counter_c .item_container .data_counter {
  font-size: 3.5rem;
  font-weight: 800;
}

@media (max-width: 767px) {
  .counter_c .item_container .data_counter {
    font-size: 2rem;
  }
}

.counter_c .item_container sub {
  font-size: 1rem;
  font-weight: normal;
  color: #fdfeff;
}

@media (max-width: 767px) {
  .counter_c .item_container sub {
    font-size: 0.875rem;
    color: rgba(31, 17, 66, 0.7);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .counter_c .item_container sub {
    font-size: 0.875rem;
    color: rgba(31, 17, 66, 0.7);
  }
}

.counter_c .item_container .article_text.re_counter_article_text {
  color: #fdfeff;
}

@media (max-width: 767px) {
  .counter_c .item_container .article_text.re_counter_article_text {
    font-size: 0.875rem;
    color: rgba(31, 17, 66, 0.7);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .counter_c .item_container .article_text.re_counter_article_text {
    font-size: 0.875rem;
    color: rgba(31, 17, 66, 0.7);
  }
}

/*成功案例*/
.cases_c {
  position: relative;
  background-color: #fff;
  background: linear-gradient(to bottom, #fff, #fff);
  padding: 80px 0;
  overflow: hidden;
}

@media (max-width: 767px) {
  .cases_c {
    padding: 45px 0 45px 0;
  }
}

.cases_c .sulc_c {
  position: relative;
  overflow: hidden;
  margin-top: 38px;
  border-radius: 8px;
  -moz-transition: transform 0.5s ease, box-shadow 0.5s ease;
  -webkit-transition: transform 0.5s ease, box-shadow 0.5s ease;
  -o-transition: transform 0.5s ease, box-shadow 0.5s ease;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
}

@media (max-width: 767px) {
  .cases_c .sulc_c {
    margin-top: 18px;
  }
}

.cases_c .sulc_c:hover {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
  box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.12);
}

.cases_c .sulc_c .sulc_c_content {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 55%;
}

.cases_c .sulc_c .sulc_c_content .overlayer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #2d2d2d 0%, rgba(99, 123, 148, 0) 50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 1;
  transition: bottom 0.5s ease, visibility 0.5s ease, opacity 0.5s ease;
}

@media (max-width: 767px) {
  .cases_c .sulc_c .sulc_c_content .overlayer {
    padding: 10px 10px 10px 10px;
  }
}

.cases_c .sulc_c .sulc_c_content .overlayer .h1text {
  font-size: 1.1rem;
  width: 100%;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  padding: 15px 20px 20px 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: color 0.5s ease;
}
@media (max-width: 767px) {
  .cases_c .sulc_c .sulc_c_content .overlayer .h1text {
    padding: 15px 20px 10px 20px;
  }
}
.cases_c .sulc_c .sulc_c_content .overlayer:hover .h1text {
  color: #f60;
}

.cases_c .sulc_c .sulc_c_content .overlayer .h1text a {
  font-size: 1rem;
  color: rgba(255, 255, 255, 1);
  display: block;
  width: 100%;
  padding: 15px 15px 15px 15px;
  transition: color 0.5s ease;
}

.cases_c .sulc_c .sulc_c_content .overlayer .h1text a:hover {
  color: #f60;
}
.cases_c .sulc_c .sulc_c_content:hover .overlayer {
  bottom: -100%;
}
.cases_c .sulc_c .sulc_c_content .desc_layer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  flex-wrap: nowrap;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(212, 53, 50, 0.75);
  transition: top 0.5s ease;
  border-radius: 8px;
}
.cases_c .sulc_c .sulc_c_content .desc_layer .desc_con {
  text-align: center;
  padding: 0 20px;
  width: 100%;
}
.cases_c .sulc_c .sulc_c_content .desc_layer .bodyh3title.re_cases_bodyh3title {
  font-weight: normal;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.cases_c .sulc_c .sulc_c_content .desc_layer a.buslink {
  font-size: 1.2rem;
  font-weight: 800;
  color: #fff;
  transition: color 0.5s ease;
}
@media (max-width: 767px) {
  .cases_c .sulc_c .sulc_c_content .desc_layer a.buslink {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .cases_c .sulc_c .sulc_c_content .desc_layer a.buslink {
    font-size: 1.5rem;
  }
}
.cases_c .sulc_c .sulc_c_content .desc_layer a.buslink:hover {
  color: #ccc;
}
.cases_c .sulc_c .sulc_c_content .desc_layer .split_line.re_desc_split_line {
  background-color: rgba(255, 255, 255, 0.3);
  width: 70%;
}
.cases_c .sulc_c .sulc_c_content .desc_layer .flagc {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.75);
}
.cases_c .sulc_c .sulc_c_content .desc_layer .flagc span {
  margin: 0 5px;
}
.cases_c .sulc_c .sulc_c_content .desc_layer .flagc .iconfont {
  margin-right: 2px;
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.8);
}
.cases_c .sulc_c .sulc_c_content:hover .desc_layer {
  top: 0;
}

/*核心团队*/
@media (max-width: 767px) {
  .public_margin_top.re_team_public_margin_top {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .public_margin_top.re_team_public_margin_top {
    margin-top: 45px;
    margin-bottom: 45px;
  }
}

.bodyh1title.re_team_bodyh1title {
  font-weight: 800;
  margin: 18px 0;
  font-size: 2.5rem;
  position: relative;
  text-align: center;
}
.bodyh1title.re_team_bodyh1title span {
  /* color: #0252b3; */
  color: rgba(31, 17, 66, 0.75);
}
.bodyh1title.re_team_bodyh1title .goodssubtitle {
  position: absolute;
  font-size: 80px;
  font-weight: bolder;
  opacity: 0.07;
  top: -28px;
  left: 50% !important;
  text-transform: uppercase;
  z-index: 0;
  margin-left: -125px;
  color: #000;
}

.teamc .split_line.re_team_split_line {
  background-color: rgba(31, 17, 66, 0.08);
  position: relative;
  margin: 55px auto 25px auto;
}

@media (max-width: 767px) {
  .teamc .split_line.re_team_split_line {
    margin: 25px auto 25px auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .teamc .split_line.re_team_split_line {
    margin: 25px auto 25px auto;
  }
}

.teamc .split_line.re_team_split_line .posline {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 4px;
  background-color: #d43532;
  margin-top: -2px;
}

.teamc .article_text.re_show_txt {
  text-align: center;
  color: rgba(31, 17, 66, 0.7);
  width: 100%;
  margin: 0 auto;
}

.team_list {
  margin-top: 85px;
}
@media (max-width: 767px) {
  .team_list {
    margin-top: 45px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .team_list {
    margin-top: 55px;
  }
}
.team_list .personc {
  padding: 0 25px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .team_list .personc {
    margin: 20px auto;
  }
}
@media (max-width: 767px) {
  .team_list .personc {
    padding: 0 0;
    margin: 20px auto;
  }
}

.team_list .personc .imgc {
  overflow: hidden;
  border-radius: 50%;
  -moz-transition: transform 0.5s ease, box-shadow 0.5s ease;
  -webkit-transition: transform 0.5s ease, box-shadow 0.5s ease;
  -o-transition: transform 0.5s ease, box-shadow 0.5s ease;
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  position: relative;
}

.team_list .personc .imgc .desc_layer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  flex-wrap: nowrap;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(212, 53, 50, 0.75);
  transition: opacity 0.5s ease;
}
.team_list .personc .imgc .desc_layer .desc_con {
  text-align: center;
  padding: 0 15px;
}

.team_list .personc .imgc .desc_layer a.buslink {
  font-size: 1.5rem;
  font-weight: 800;
  color: #fff;
  transition: color 0.5s ease;
}

.team_list .personc .imgc .desc_layer a.buslink:hover {
  color: #ccc;
}
.team_list .personc .imgc .desc_layer .split_line.re_desc_split_line {
  background-color: rgba(255, 255, 255, 0.3);
  margin: 12px auto 6px auto;
  width: 70%;
}
.team_list .personc .imgc .desc_layer .article_text.re_article_text {
  color: rgba(255, 255, 255, 0.85);
  padding: 0 20px 0;
}
.team_list .personc .bodyh3title.re_crilce_bodyh3title {
  margin-top: 25px;
  margin-bottom: 10px;
  transition: margin-top 0.5s ease;
}
.team_list .personc .bodyh3title.re_bottom_bodyh3title {
  text-align: center;

  margin-top: 25px;
  margin-bottom: 10px;
}

.team_list .personc .bodyh3title.re_bottom_bodyh3title a.bottomlink {
  color: rgba(31, 17, 66, 0.75);
  font-weight: 800;
  transition: color 0.5s ease;
  font-size: 1.5rem;
}

.team_list .personc .bodyh3title.re_bottom_bodyh3title a.bottomlink:hover {
  color: #d43532;
}

.team_list .personc .article_text.re_show_txt {
  text-align: center;
  color: rgba(31, 17, 66, 0.7);
}

.team_list .personc:hover .imgc {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
  box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.12);
}
.team_list .personc:hover .desc_layer {
  opacity: 0.85;
}

.team_list .personc:hover .bodyh3title.re_crilce_bodyh3title {
  margin-top: 0;
}

/*成功案例*/
.patnerc_c {
  position: relative;
  padding: 65px 0 70px 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  background-image: url(../images/middle_bg.jpg);
  transform: matrix(1, 0, 0, 1, 0, 0);
  -ms-transform: matrix(1, 0, 0, 1, 0, 0);
  -moz-transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  -o-transform: matrix(1, 0, 0, 1, 0, 0);
  overflow: hidden;
}

@media (max-width: 767px) {
  .patnerc_c {
    padding: 45px 0 45px 0;
  }
}

.patnerc_c .bodyh3title.re_bodyh3title {
  color: #fff;
}
.patnerc_c .bodyh1title.re_bodyh1title {
  color: #fff;
}
.patnerc_c .bodyh1title.re_bodyh1title .tipspan {
  color: #fff;
}
.patnerc_c .split_line.re_split_line {
  background-color: rgba(255, 255, 255, 0.35);
}
.patnerc_c .article_text.re_article_text {
  color: rgba(255, 255, 255, 0.75);
}

.patnerc_c .plogoc_list {
  margin-top: 38px;
}

.patnerc_c .plogoc_list .piclogoc {
  overflow: hidden;
  border-radius: 8px;
}

.patnerc_c .plogoc_list .piclogoc img {
  border-radius: 8px;
}

.patnerc_c .plogoc_list .article_text.re_title {
  text-align: center;
  color: rgba(255, 255, 255, 0.75);
  margin: 8px auto 15px auto;
}

/*新闻*/
@media (max-width: 767px) {
  .public_margin_top.re_news_public_margin_top {
    margin-top: 50px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .public_margin_top.re_news_public_margin_top {
    margin-top: 70px;
  }
}

.bodyh1title.re_news_bodyh1title {
  font-weight: 800;
  margin: 18px 0;
  font-size: 2.5rem;
  position: relative;
  text-align: center;
}
.bodyh1title.re_news_bodyh1title span {
  /* color: #0252b3; */
  color: rgba(31, 17, 66, 0.75);
}
.bodyh1title.re_news_bodyh1title .goodssubtitle {
  position: absolute;
  font-size: 80px;
  font-weight: bolder;
  opacity: 0.12;
  top: -28px;
  left: 50% !important;
  text-transform: uppercase;
  z-index: 0;
  margin-left: -128px;
  color: #000;
}

.newsc .split_line.re_news_split_line {
  background-color: rgba(31, 17, 66, 0.08);
  position: relative;
  margin: 55px auto 25px auto;
}
@media (max-width: 767px) {
  .newsc .split_line.re_news_split_line {
    margin: 25px auto 25px auto;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .newsc .split_line.re_news_split_line {
    margin: 25px auto 25px auto;
  }
}
.newsc .split_line.re_news_split_line .posline {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 4px;
  background-color: #d43532;
  margin-top: -2px;
}

.newsc .article_text.re_show_txt {
  text-align: center;
  color: rgba(31, 17, 66, 0.7);
  width: 100%;
  margin: 0 auto;
}
.newsc .more_btnc.re_more_btnc {
  text-align: center;
  margin-top: 55px;
}
@media (max-width: 767px) {
  .newsc .more_btnc.re_more_btnc {
    margin-top: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .newsc .more_btnc.re_more_btnc {
    margin-top: 20px;
  }
}
.newsc .newslist {
  display: flex;
  flex-wrap: wrap;
}
.newsc .newslist .col_news_c {
  margin-top: 25px;
}
.newsc .newslist dl {
  margin: 0 auto 0 auto;
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  background-color: #f0f6ff;
  transition: box-shadow 0.5s ease, transform 0.5s ease;
}

.newsc .newslist dl:hover {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
  box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.12);
}

.newsc .newslist dl dt {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 50%;
}

.newsc .newslist dl dt .timec {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(212, 53, 50, 0.9);
  padding: 8px 15px;
  color: rgba(255, 255, 255, 1);
  border-radius: 0 0 25px;
  font-weight: normal;
  /* font-weight: 800; */
  font-size: 1.1rem;
}

.newsc .newslist dl dt a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #3c5063 0%, rgba(99, 123, 148, 0.2) 25%);
  z-index: 1;
}

.newsc .newslist dd {
  padding: 0 30px 35px 30px;
}

@media (max-width: 767px) {
  .newsc .newslist dd {
    padding: 0px 20px 20px 20px;
  }
}

.newsc .newslist dd .newstitle {
  padding: 20px 0 15px 0;
  border-bottom: 1px solid rgba(31, 17, 66, 0.08);
  margin-bottom: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.newsc .newslist dd .newstitle a.newslinks {
  letter-spacing: 0.1em;
  color: rgba(31, 17, 66, 0.75);
  font-size: 1.1rem;
  -moz-transition: color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
}

.newsc .newslist dd .newstitle a.newslinks:hover {
  color: #d43532;
}

.newsc .newslist dd .article_text.re_news_show_txt {
  color: rgba(31, 17, 66, 0.7);
  width: 100%;
  margin: 0 auto;
}

/*留言*/
@media (max-width: 767px) {
  .public_margin_top.re_msg_public_margin_top {
    margin-top: 50%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .public_margin_top.re_msg_public_margin_top {
    margin-top: 70px;
  }
}

.msg_bg {
  background-color: #e2eefd;
  background: linear-gradient(to bottom, #e2eefd, #fff);
  padding: 65px 0;

  position: relative;
}
@media (max-width: 767px) {
  .msg_bg {
    padding: 35px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .msg_bg {
    padding: 35px 0;
  }
}
.bodyh3title.re_msg_bodyh3title {
  font-weight: 800;
  color: #ff9223;
}

@media (max-width: 767px) {
  .bodyh3title.re_msg_bodyh3title {
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .bodyh3title.re_msg_bodyh3title {
    text-align: center;
  }
}

.bodyh1title.re_msg_bodyh1title {
  font-weight: 800;
  color: rgba(31, 17, 66, 0.8);
  margin: 18px 0;
  font-size: 2.5rem;
}

@media (max-width: 767px) {
  .bodyh1title.re_msg_bodyh1title {
    font-size: 1.8rem;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .msgc .article_text {
    text-align: center;
  }
}
.msg_container {
  margin-right: 10%;
}
@media (max-width: 767px) {
  .msg_container {
    margin-right: 0%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .msg_container {
    margin-right: 0%;
  }
}
.messagec {
  text-align: left;

  border-radius: 8px;
  padding: 0;
  overflow: hidden;
}
.messagec .row_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.messagec .form_sub_c .titles {
  text-align: left;
  font-size: 1rem;
  margin-top: 25px;
}

.messagec .form_sub_c .inpubox {
  border-bottom: 1px solid rgba(31, 17, 66, 0.12);
  margin-bottom: 2px;
  overflow: hidden;
  position: relative;
}

@media (max-width: 767px) {
  .messagec .form_sub_c .inpubox {
    margin-bottom: 3px;
  }
}

.messagec .form_sub_c .inpubox .move_bottom_line {
  position: absolute;
  bottom: 0;
  left: -100%;
  width: 100%;
  height: 1px;
  background-color: rgba(31, 17, 66, 0.45);
  z-index: 1;
  transition: left 0.5s ease;
}
.messagec .form_sub_c .inpubox:hover .move_bottom_line {
  left: 0;
}

.messagec .form_sub_c .inpubox .vaildatevode {
  position: absolute;
  right: -5px;
  bottom: 3px;
  border: 0;
  color: #d71700;
  background: none;
}

.messagec .form_sub_c .msgprompt {
  text-align: left;
  color: #d71700;
  height: 20px;
  font-size: 0.875rem;
  margin-bottom: 5px;
}
.messagec .form_sub_c .msgprompt .iconfont {
  font-size: 0.875rem;
  color: #d71700;
}
.messagec .form_sub_c .msgprompt span {
  color: #d71700;
}

.messagec .form_sub_c .formlayerinput,
.messagec .form_sub_c .formlayertextarea {
  border: none;
  width: 100%;
  outline: none;
  margin: 0;
  padding: 5px 0 2px 0;
  resize: none;
  background: none;
  line-height: 25px;
}

.messagec .form_sub_c .formlayertextarea.resetarea {
  resize: none;
}

.messagec .form_sub_c .morebtn {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .messagec .form_sub_c .morebtn {
    margin-top: 10px;
    text-align: center;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .messagec .form_sub_c .morebtn {
    margin-top: 10px;
    text-align: center;
  }
}
.messagec .form_sub_c .inpubox_select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  align-items: center;
  color: rgba(31, 17, 66, 0.7);
}
.messagec .form_sub_c .inpubox_select span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 25px;
}
.messagec .bgc img {
  border-radius: 8px;
}

@media (max-width: 767px) {
  .messagec .bgc {
    margin-top: 35px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .messagec .bgc {
    margin-top: 35px;
  }
}