dgt_www_site/css/style.css

@charset "UTF-8";
a, a:hover {
  text-decoration: none !important;
}
.main-container-pull {
  width: 100%;
}
.main-container {
  width: 1100px;
  margin: 0 auto;
}

/*-------load-------*/
#load {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999999999999999999999;
  /*  background: url(./../images/load_bg.jpg) center no-repeat #fff;*/
  background-size: cover;
  background-color: #fff;
  top: 0;
}
#load .load_con {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#load .load_con img {
  display: block;
  margin-bottom: 66px;
}
#load #loading-center-absolute {
  position: relative;
  height: 34px;
  width: 34px;
  margin: 0 auto;
}
#load .object {
  width: 10px;
  height: 10px;
  background-color: #004ea1;
  margin-right: 14px;
  float: left;
  margin-bottom: 14px;
}
#load .object:nth-child(2n + 0) {
  margin-right: 0px;
}
#load #object_one {
  -webkit-animation: object_one 2s infinite;
  animation: object_one 2s infinite;
}
#load #object_two {
  -webkit-animation: object_two 2s infinite;
  animation: object_two 2s infinite;
}
#load #object_three {
  -webkit-animation: object_three 2s infinite;
  animation: object_three 2s infinite;
}
#load #object_four {
  -webkit-animation: object_four 2s infinite;
  animation: object_four 2s infinite;
}

@-webkit-keyframes object_one {
  25% {
    -webkit-transform: translate(25.5px, 0) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translate(25.5px, 25.5px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translate(0, 25.5px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes object_one {
  25% {
    transform: translate(25.5px, 0) rotate(-90deg) scale(0.5);
    -webkit-transform: translate(25.5px, 0) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translate(25.5px, 25.5px) rotate(-180deg);
    -webkit-transform: translate(25.5px, 25.5px) rotate(-180deg);
  }
  75% {
    transform: translate(0, 25.5px) rotate(-270deg) scale(0.5);
    -webkit-transform: translate(0, 25.5px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

@-webkit-keyframes object_two {
  25% {
    -webkit-transform: translate(0, 25.5px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translate(-25.5px, 25.5px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translate(-25.5px, 0) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes object_two {
  25% {
    transform: translate(0, 25.5px) rotate(-90deg) scale(0.5);
    -webkit-transform: translate(0, 25.5px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translate(-25.5px, 25.5px) rotate(-180deg);
    -webkit-transform: translate(-25.5px, 25.5px) rotate(-180deg);
  }
  75% {
    transform: translate(-25.5px, 0) rotate(-270deg) scale(0.5);
    -webkit-transform: translate(-25.5px, 0) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

@-webkit-keyframes object_three {
  25% {
    -webkit-transform: translate(0, -25.5px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translate(25.5px, -25.5px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translate(25.5px, 0) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes object_three {
  25% {
    transform: translate(0, -25.5px) rotate(-90deg) scale(0.5);
    -webkit-transform: translate(0, -25.5px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translate(25.5px, -25.5px) rotate(-180deg);
    -webkit-transform: translate(25.5px, -25.5px) rotate(-180deg);
  }
  75% {
    transform: translate(25.5px, 0) rotate(-270deg) scale(0.5);
    -webkit-transform: translate(25.5px, 0) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

@-webkit-keyframes object_four {
  25% {
    -webkit-transform: translate(-25.5px, 0) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translate(-25.5px, -25.5px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translate(0, -25.5px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes object_four {
  25% {
    transform: translate(-25.5px, 0) rotate(-90deg) scale(0.5);
    -webkit-transform: translate(-25.5px, 0) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translate(-25.5px, -25.5px) rotate(-180deg);
    -webkit-transform: translate(-25.5px, -25.5px) rotate(-180deg);
  }
  75% {
    transform: translate(0, -25.5px) rotate(-270deg) scale(0.5);
    -webkit-transform: translate(0, -25.5px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

/*field*/
.btn,
.news_content .news_content_con .news_con .news_r_n div a,
.news_content .news_content_con .news_con .news_r_n div a p:after,
.indser_list ul li .indser_txt .indser_txt_t p,
.indser_list ul li .indser_txt .indser_txt_t img,
.indser_list ul li .indser_txt .indser_p,
.indser_list ul li .indser_txt .indser_a,
.investors_sec .inv_nav ul li a:after,
.investors_sec .inv_con .inv_finsta ul li,
.investors_sec .inv_con .inv_finsta ul li a,
.investors_sec .inv_con .inv_finsta ul li .finsta_txt .download,
.investors_sec .inv_con .inv_ann .ann_t .swiper-container .swiper-slide,
.investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li:after,
.investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li h5 a,
.investors_sec
  .inv_con
  .inv_ann
  .m-about
  .about-honor
  .m-about-slide
  .about-cont
  .f-in
  .about-cont-sub
  ul
  li
  h5
  a,
.investors_sec .inv_con .inv_analyze ul li,
.investors_sec .inv_con .inv_analyze ul li h5,
.investors_sec .inv_con .inv_analyze ul li .com_ema *,
.investors_sec .inv_con .inv_analyze ul li .more_div a,
.investors_sec .inv_con .inv_promotional ul li .pro_time {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.investors_sec .inv_nav ul li a:after {
  transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform-origin: center;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
}

.investors_sec .inv_nav ul li a:hover:after,
.investors_sec .inv_nav ul li.on a:after {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform-origin: center;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
}

.btn,
.news_content .news_content_con .news_con .news_r_n div a,
.news_content .news_content_con .news_con .news_r_n div a p:after,
.indser_list ul li .indser_txt .indser_txt_t p,
.indser_list ul li .indser_txt .indser_txt_t img,
.indser_list ul li .indser_txt .indser_p,
.indser_list ul li .indser_txt .indser_a,
.investors_sec .inv_nav ul li a:after,
.investors_sec .inv_con .inv_finsta ul li,
.investors_sec .inv_con .inv_finsta ul li a,
.investors_sec .inv_con .inv_finsta ul li .finsta_txt .download,
.investors_sec .inv_con .inv_ann .ann_t .swiper-container .swiper-slide,
.investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li:after,
.investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li h5 a,
.investors_sec
  .inv_con
  .inv_ann
  .m-about
  .about-honor
  .m-about-slide
  .about-cont
  .f-in
  .about-cont-sub
  ul
  li
  h5
  a,
.investors_sec .inv_con .inv_analyze ul li,
.investors_sec .inv_con .inv_analyze ul li h5,
.investors_sec .inv_con .inv_analyze ul li .com_ema *,
.investors_sec .inv_con .inv_analyze ul li .more_div a,
.investors_sec .inv_con .inv_promotional ul li .pro_time {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

/*-------common-------*/
/*btn*/
.btn {
  padding: 0 0.32rem;
  height: 0.54rem;
  /*border: 0.010000rem solid $blue;*/
  color: #004ea2;
  line-height: 0.52rem;
  font-size: 0.24rem;
  display: inline-block;
  border-radius: 0.27rem;
  position: relative;
  float: none;
}

.btn:hover,
.btn.on {
  color: #fff;
  /*background-color: $blue;*/
  box-shadow: 0px 0.15rem 0.38rem 0px rgba(0, 103, 214, 0.54);
}

.btn.btn_w {
  color: #fff;
}

.btn.btn_w::before {
  border-color: #fff;
}

.btn.btn_w::after {
  background-color: #fff;
}

.btn.btn_w:hover,
.btn.btn_w.on {
  color: #004ea2;
  box-shadow: 0px 0.15rem 0.38rem 0px rgba(255, 255, 255, 0.54);
}

.btn i {
  margin-left: 0.15rem;
}

.btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border: 0.01rem solid #004ea2;
  border-radius: 0.27rem;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn:hover::before,
.btn.on::before {
  opacity: 0;
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 0.27rem;
  opacity: 0;
  background-color: #004ea2;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}

.btn:hover::after,
.btn.on::after {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

/*page*/
.page {
  text-align: center;
}

.page .page_l,
.page .page_r {
  display: inline-block;
  vertical-align: middle;
}

.page .page_l {
  letter-spacing: -0.07rem;
  margin-right: 2.6%;
}

.page .page_l a,
.page .page_l span {
  width: 0.63rem;
  height: 0.63rem;
  line-height: 0.63rem;
  text-align: center;
  border-radius: 0.1rem;
  background-color: #fff;
  display: inline-block;
  letter-spacing: 0;
  color: #494949;
}

.page .page_l a.more_page,
.page .page_l span.more_page {
  letter-spacing: 0.24rem;
  width: auto;
  text-indent: 0.24rem;
}

.page .page_l a i,
.page .page_l span i {
  font-size: 0.18rem;
}

.page .page_l a:hover,
.page .page_l a.on,
.page .page_l span.cur_page {
  font-weight: bold;
  color: #004ea2;
  box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08);
}

.page .page_r {
  color: #494949;
}

.page .page_r span,
.page .page_r a,
.page .page_r input {
  display: inline-block;
  vertical-align: middle;
  line-height: 0.63rem;
}

.page .page_r input {
  height: 0.3rem;
  width: 0.74rem;
  background-color: #f8f8f8;
  border-radius: 0.15rem;
  text-align: center;
  margin: 0.05rem;
  border: 1px solid #004ea2;
}

.page .page_r .page_all {
  padding-right: 0.2rem;
}

.page .page_r .page_go {
  padding-right: . 0.02rem;
}

.page .page_r .go_page {
  color: #004ea2;
  width: 0.63rem;
}

.page .page_r .go_page:hover {
  font-weight: bold;
  color: #004ea2;
  box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08);
}

.page .page_r .go_page i {
  font-size: 0.18rem;
}

/* 新闻内容 */
.news_content {
  padding-top: 0.48rem;
  padding-bottom: 0.93rem;
}

.news_content * {
  box-sizing: border-box;
}

.news_content .news_content_con {
  position: relative;
}

.news_content .news_content_con .time {
  /*float: left;
      width: 1.130000rem;
      height: 1.130000rem;
      text-align: center;
      padding: 0.300000rem 0;
      color: #004ea2;
      line-height: 1.25;
      box-shadow: 0px 0.050000rem 0.240000rem 0px rgba(84, 84, 84, 0.08);
      position: absolute;
      left: 0;
      top: 0;
      display: flex;
      flex-wrap: wrap-reverse;
      justify-content: center;*/
  font-size: 0.22rem;
}

.news_content .news_content_con .time p {
  line-height: 1;
}

.news_content .news_content_con .time p.d_m {
  margin-bottom: 0.05rem;
}

.news_content .news_content_con .news_con {
  margin-left: 1.49rem;
}

.news_content .news_content_con .news_con.news_conLeft {
  margin-left: 0;
}

.news_content .news_content_con .news_con .news_title {
  /*display: flex;
        align-items: center;
        height: 1.130000rem;*/
  margin-bottom: 0.28rem;
}

.news_content .news_content_con .news_con .news_title h1 {
  color: #002a57;
  margin-bottom: 0.2rem;
  line-height: 1.384;
}

.news_content .news_content_con .news_con .content {
  padding-bottom: 0.2rem;
  border-bottom: 0.01rem solid rgba(0, 78, 162, 0.3);
  margin-bottom: 0.44rem;
  color: #585858;
  font-size: 16px;
}

.news_content .news_content_con .news_con .content p {
  /*font-size: 0.180000rem;
          line-height: 1.666;
          margin-bottom: 0.300000rem; */
}

.news_content .news_content_con .news_con .content ul,
.news_content .news_content_con .news_con .content li,
.news_content .news_content_con .news_con .content ol {
  list-style-type: inherit;
}

.news_content .news_content_con .news_con .content ul,
.news_content .news_content_con .news_con .content ol {
  padding-left: 0.28rem;
}

.news_content .news_content_con .news_con .content p img {
  display: initial;
  max-width: 100% !important;
  height: auto !important;
}

.news_content .news_content_con .news_con .content p span {
  /*font-size: 0.160000rem;
            display: block;
            text-align: center;*/
}

.news_content .news_content_con .news_con .news_r_n div {
  width: 40%;
}

.news_content .news_content_con .news_con .news_r_n div a {
  line-height: 1;
  color: #818181;
}

.news_content .news_content_con .news_con .news_r_n div a:hover {
  color: #004ea2;
}

.news_content .news_content_con .news_con .news_r_n div a:hover p:after {
  width: 0.08rem;
}

.news_content .news_content_con .news_con .news_r_n div a p {
  position: relative;
  padding-left: 0.24rem;
}

.news_content .news_content_con .news_con .news_r_n div a p:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0.08rem;
  width: 000px;
  height: 100%;
  background-color: #004ea2;
}

.news_content .news_content_con .news_con .news_r_n div a span {
  display: block;
  padding-top: 0.13rem;
  padding-left: 0.24rem;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news_content .news_content_con .news_con .news_r_n div.news_next {
  text-align: right;
}

.news_content .news_content_con .news_con .news_r_n div.news_next a p,
.news_content .news_content_con .news_con .news_r_n div.news_next a span {
  padding-left: 0;
  padding-right: 0.24rem;
}

.news_content .news_content_con .news_con .news_r_n div.news_next a p:after {
  left: auto;
  right: 0;
}

/*行业&服务列表*/
.indser_list {
  padding-top: 0.95rem;
  padding-bottom: 0.42rem;
}

.indser_list * {
  box-sizing: border-box;
}

.indser_list ul li {
  float: left;
  width: 31.25%;
  margin-right: 3.125%;
  margin-bottom: 2.638%;
  border-radius: 0.1rem;
  overflow: hidden;
  /*height: 2.440000rem;*/
  position: relative;
}

.indser_list ul li:nth-of-type(3n) {
  margin-right: 0;
}

.indser_list ul li img {
  display: block;
  max-width: 100%;
}

.indser_list ul li .indser_txt {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.3rem 0.34rem;
  padding: 6.66% 7.55%;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 25, 25, 0.6);
  color: #fff;
}

.indser_list ul li .indser_txt .indser_txt_t p,
.indser_list ul li .indser_txt .indser_txt_t img {
  line-height: 1;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 0.24rem;
  transform: translate(-50%, -50%);
  margin-top: -0.2rem;
}

.indser_list ul li .indser_txt .indser_txt_t img {
  max-height: 0.42rem;
}

.indser_list ul li .indser_txt .indser_txt_t p {
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.03rem;
  line-height: 0.3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 0.3rem;
  line-height: 1;
}

.indser_list ul li .indser_txt .indser_p {
  padding-top: 0.15rem;
  line-height: 1.5;
  opacity: 0;
  height: 0.9rem;
  font-size: 0.22rem;
  text-align: justify;
  overflow: hidden;
  position: absolute;
  top: 70%;
  left: 10%;
  right: 10%;
  opacity: 0;
  transition-delay: 0s;
}

.indser_list ul li .indser_txt .indser_a {
  position: absolute;
  right: 7.55%;
  bottom: 6.66%;
  transform: translateY(0.2rem);
  transition-delay: 0s;
  opacity: 0;
}

.indser_list ul li .indser_txt .indser_a .btn {
  position: relative;
  z-index: 2;
}

.indser_list ul li:hover .indser_txt {
  background-color: rgba(0, 78, 162, 0.9);
}

.indser_list ul li:hover .indser_txt .indser_txt_t p {
  top: 10%;
  left: 10%;
  transform: translate(0, 0);
  left: 0.96rem;
  margin-top: 0.22rem;
}

.indser_list ul li:hover .indser_txt .indser_txt_t img {
  top: 10%;
  left: 10%;
  transform: translate(0, 0);
  margin-top: 0;
}

.indser_list ul li:hover .indser_txt .indser_p,
.indser_list ul li:hover .indser_txt .indser_a {
  opacity: 1;
  transition-delay: 0.2s;
  transform: translateY(0);
}

.indser_list ul li:hover .indser_txt .indser_p {
  top: 33%;
  transition-delay: 0.1s;
}

/* 投资者 */
.investors_sec {
  position: relative;
  padding-bottom: 0.9rem;
  z-index: 2;
}

.investors_sec * {
  box-sizing: border-box;
}

.investors_sec .inv_nav {
  position: relative;
  /*margin-top: -0.410000rem;*/
  background-color: #fff;
  border-radius: 0.1rem;
  overflow: hidden;
  /*  margin-bottom: 0.850000rem;*/
  box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08);
}
.investors_sec.z-fixed .inv_nav {
  position: fixed;
  top: 0;
  z-index: 9;
  width: 100%;
  margin-bottom: 0;
}

.investors_sec .inv_nav ul li {
  float: left;
  width: 12.5%;
  text-align: center;
  position: relative;
  height: 0.5rem;
  height: 0.6rem;
}

.investors_sec .inv_nav ul li a {
  display: block;
  line-height: 0.6rem;
  /*font-size: 0.200000rem;*/
  color: #004ea2;
  /*font-weight: bolder; */
}

.investors_sec .inv_nav ul li a:after,
.investors_sec .inv_nav ul li a:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0.01rem;
  height: 0.2rem;
  top: 0.15rem;
  background-color: #e0eaf4;
}

.investors_sec .inv_nav ul li a:after {
  left: 0;
  right: auto;
  bottom: 0;
  top: auto;
  width: 100%;
  background-color: #004ea2;
  height: 0.02rem;
  opacity: 0;
}

.investors_sec .inv_nav ul li a:hover:after {
  opacity: 1;
}

.investors_sec .inv_nav ul li.on a:after {
  opacity: 1;
}

.investors_sec .inv_nav ul li:last-child a:before {
  display: none;
}

.investors_sec .inv_con {
  padding-top: 0.85rem;
}
.investors_sec .inv_con .inv_common {
  display: none;
}

.investors_sec .inv_con .inv_common.on {
  display: block;
}

.investors_sec .inv_con .inv_finsta {
  padding-bottom: 0.1rem;
}

.investors_sec .inv_con .inv_finsta ul li {
  float: left;
  width: 23.6%;
  margin-right: 1.86%;
  margin-bottom: 0.61rem;
  background-color: #fff;
  border-radius: 0.1rem;
  overflow: hidden;
  box-shadow: 0px 0.2rem 0.59rem 0px rgba(175, 175, 175, 0.2);
}

.investors_sec .inv_con .inv_finsta ul li:nth-of-type(4n) {
  margin-right: 0;
}

.investors_sec .inv_con .inv_finsta ul li:hover {
  box-shadow: 0px 0.15rem 0.38rem 0px rgba(0, 103, 214, 0.54);
  background-color: #004ea2;
}

.investors_sec .inv_con .inv_finsta ul li:hover a,
.investors_sec .inv_con .inv_finsta ul li:hover .finsta_txt .download {
  color: #fff;
}

.investors_sec .inv_con .inv_finsta ul li a {
  color: #818181;
  display: block;
}
.investors_sec .inv_con .inv_finsta ul li a p {
  font-size: 0.22rem;
}
.investors_sec .inv_con .inv_finsta ul li a i {
  font-size: 0.26rem;
}

.investors_sec .inv_con .inv_finsta ul li .finsta_img {
  height: 4.64rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: #fff;
}

.investors_sec .inv_con .inv_finsta ul li .finsta_img img {
  display: block;
  width: 100%;
  /*height: 100%;*/
}

.investors_sec .inv_con .inv_finsta ul li .finsta_txt {
  border-top: 0.01rem solid #e0eaf4;
  padding: 0.14rem 0.32rem;
  /*font-size: 0.180000rem;*/
}

.investors_sec .inv_con .inv_finsta ul li .finsta_txt .download {
  line-height: 1;
  color: #004ea2;
}

.investors_sec .inv_con .inv_ann .ann_t {
  position: relative;
  padding: 0 0.74rem;
  border-bottom: 0.01rem solid rgba(0, 78, 162, 0.3);
  margin-bottom: 0.54rem;
}

.investors_sec .inv_con .inv_ann .ann_t .year_btn {
  position: absolute;
  left: 0;
  top: -0.1rem;
  width: 0.68rem;
  height: 0.68rem;
  text-align: center;
  line-height: 0.66rem;
  border: 0.01rem solid #004ea2;
  color: #004ea2;
  border-radius: 50%;
}

.investors_sec .inv_con .inv_ann .ann_t .year_btn i {
  font-size: 0.2rem;
}

.investors_sec .inv_con .inv_ann .ann_t .year_btn.year-next {
  left: auto;
  right: 0;
}

.investors_sec .inv_con .inv_ann .ann_t .swiper-container {
  padding-bottom: 0.36rem;
  text-align: center;
}

.investors_sec .inv_con .inv_ann .ann_t .swiper-container .swiper-slide {
  position: relative;
  height: 0.5rem;
  line-height: 0.5rem;
  border-radius: 0.25rem;
}

.investors_sec .inv_con .inv_ann .ann_t .swiper-container .swiper-slide:after {
  content: '';
  position: absolute;
  right: 0;
  height: 0.24rem;
  background-color: #e0eaf4;
  top: 0.13rem;
  width: 0.01rem;
}

.investors_sec
  .inv_con
  .inv_ann
  .ann_t
  .swiper-container
  .swiper-slide:last-child:after {
  display: none;
}

.investors_sec .inv_con .inv_ann .ann_t .swiper-container .swiper-slide.on {
  box-shadow: 0px 0.15rem 0.38rem 0px rgba(0, 103, 214, 0.54);
  background-color: #004ea2;
  color: #fff;
}

.investors_sec
  .inv_con
  .inv_ann
  .ann_t
  .swiper-container
  .swiper-slide.on:after {
  opacity: 0;
}

.investors_sec .inv_con .inv_ann .ann_b .year_item {
  height: 5.3rem;
  display: none;
  box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08);
  padding: 0.44rem;
}

.investors_sec .inv_con .inv_ann .ann_b .year_item.on {
  display: block;
}

.investors_sec .inv_con .inv_ann .ann_b .year_item .year_con {
  height: 100%;
}

.investors_sec
  .inv_con
  .inv_ann
  .ann_b
  .year_item
  .year_con
  .mCS-dark.mCSB_scrollTools
  .mCSB_draggerRail {
  background-color: rgba(0, 78, 162, 0.3);
  width: 0.04rem;
}

.investors_sec
  .inv_con
  .inv_ann
  .ann_b
  .year_item
  .year_con
  .mCS-dark.mCSB_scrollTools
  .mCSB_dragger
  .mCSB_dragger_bar {
  background-color: #004ea2;
}

.investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li {
  position: relative;
  margin-bottom: 0.35rem;
  padding-left: 0.22rem;
}

.investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li:after {
  content: '';
  position: absolute;
  width: 0.08rem;
  height: 0.16rem;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0px;
  background-color: #004ea2;
}

.investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li:hover:after {
  width: 0.08rem;
}

.investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li:hover a {
  color: #004ea2;
}

.investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li .time {
  color: #004ea2;
  vertical-align: middle;
  margin-right: 0.14rem;
  line-height: 0.28rem;
  display: inline-block;
}

.investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li h5 {
  display: inline-block;
  vertical-align: middle;
}

.investors_sec .inv_con .inv_ann .ann_b .year_item .year_con ul li h5 a {
  font-weight: normal;
  line-height: 0.28rem;
  color: #818181;
}

.investors_sec .inv_con .inv_ann .m-about {
  padding-top: 0 !important;
}

.investors_sec .inv_con .inv_ann .m-about .about-honor {
  background-color: #fff;
  overflow: inherit;
}

.investors_sec .inv_con .inv_ann .m-about .about-honor .m-about-slide {
  margin-bottom: 0;
}

.investors_sec
  .inv_con
  .inv_ann
  .m-about
  .about-honor
  .m-about-slide
  .about-cont {
  margin-bottom: 0;
}

.investors_sec
  .inv_con
  .inv_ann
  .m-about
  .about-honor
  .m-about-slide
  .about-cont
  .f-in
  .about-cont-sub
  .year_item {
  height: 5.3rem;
  overflow: hidden;
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 78, 162, 0.3);
  width: 0.04rem;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #004ea2;
}

.investors_sec
  .inv_con
  .inv_ann
  .m-about
  .about-honor
  .m-about-slide
  .about-cont
  .f-in
  .about-cont-sub
  ul
  li {
  position: relative;
  margin-bottom: 0.35rem;
  padding-left: 0.22rem;
}

.investors_sec
  .inv_con
  .inv_ann
  .m-about
  .about-honor
  .m-about-slide
  .about-cont
  .f-in
  .about-cont-sub
  ul
  li:hover
  a {
  color: #004ea2;
}

.investors_sec
  .inv_con
  .inv_ann
  .m-about
  .about-honor
  .m-about-slide
  .about-cont
  .f-in
  .about-cont-sub
  ul
  li
  .time {
  color: #004ea2;
  vertical-align: middle;
  margin-right: 0.14rem;
  line-height: 0.28rem;
  display: inline-block;

  font-size: 0.22rem;
}

.investors_sec
  .inv_con
  .inv_ann
  .m-about
  .about-honor
  .m-about-slide
  .about-cont
  .f-in
  .about-cont-sub
  ul
  li
  h5 {
  display: inline-block;
  vertical-align: middle;
}

.investors_sec
  .inv_con
  .inv_ann
  .m-about
  .about-honor
  .m-about-slide
  .about-cont
  .f-in
  .about-cont-sub
  ul
  li
  h5
  a {
  font-weight: normal;
  line-height: 0.28rem;
  color: #818181;

  font-size: 0.22rem;
}

.investors_sec .inv_con .inv_ircalendar .table_head {
  margin-right: 0.3rem;
}

.investors_sec .inv_con .inv_ircalendar .table_con {
  height: 4.14rem;
  overflow: hidden;
}

.investors_sec .inv_con .inv_ircalendar table {
  border: none;
  color: #818181;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-radius: 0.1rem;
  overflow: hidden;
  box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08);
}

.investors_sec .inv_con .inv_ircalendar table th,
.investors_sec .inv_con .inv_ircalendar table td {
  position: relative;
  padding: 0.25rem 0.4rem;
  border: none;
  font-weight: normal;
}
.investors_sec .inv_con .inv_ircalendar table th {
  text-align: left;
}

.investors_sec .inv_con .inv_ircalendar table th:last-child:after,
.investors_sec .inv_con .inv_ircalendar table td:last-child:after {
  display: none;
}

.investors_sec .inv_con .inv_ircalendar table th:after,
.investors_sec .inv_con .inv_ircalendar table td:after {
  content: '';
  position: absolute;
  right: 0;
  height: 0.4rem;
  width: 0.01rem;
  background-color: #e0eaf4;
  top: 50%;
  transform: translateY(-50%);
}

.investors_sec .inv_con .inv_ircalendar table th.time,
.investors_sec .inv_con .inv_ircalendar table th:nth-of-type(1),
.investors_sec .inv_con .inv_ircalendar table td.time,
.investors_sec .inv_con .inv_ircalendar table td:nth-of-type(1) {
  width: 31.38%;
}

.investors_sec .inv_con .inv_ircalendar table th.brokers,
.investors_sec .inv_con .inv_ircalendar table th:nth-of-type(2),
.investors_sec .inv_con .inv_ircalendar table td.brokers,
.investors_sec .inv_con .inv_ircalendar table td:nth-of-type(2) {
  width: 24.65%;
}

.investors_sec .inv_con .inv_ircalendar table th.meeting,
.investors_sec .inv_con .inv_ircalendar table th:nth-of-type(3),
.investors_sec .inv_con .inv_ircalendar table td.meeting,
.investors_sec .inv_con .inv_ircalendar table td:nth-of-type(3) {
  width: 21.8%;
}

.investors_sec .inv_con .inv_ircalendar table th.city,
.investors_sec .inv_con .inv_ircalendar table th:nth-of-type(4),
.investors_sec .inv_con .inv_ircalendar table td.city,
.investors_sec .inv_con .inv_ircalendar table td:nth-of-type(4) {
  width: 22.17%;
}

.investors_sec .inv_con .inv_ircalendar table tr th {
  background-color: #004ea2;
  color: #fff;
}

.investors_sec .inv_con .inv_ircalendar table tr td {
  background-color: #fff;
  font-size: 0.22rem;
  letter-spacing: 0.018rem;
}

.investors_sec .inv_con .inv_ircalendar table tr.firstRow th {
  background-color: #004ea2;
  color: #fff;
  font-size: 0.22rem;
  letter-spacing: 0.02rem;
}

.investors_sec .inv_con .inv_ircalendar table tr:nth-of-type(2n) td {
  background-color: #f8f9fb;
}

.investors_sec .inv_con .inv_sumfin {
  padding-top: 0.08rem;
  /*padding-bottom: 0.850000rem;*/
}

.investors_sec .inv_con .inv_sumfin .sum_btn {
  letter-spacing: -0.07rem;
  margin-bottom: 0.55rem;
}

.investors_sec .inv_con .inv_sumfin .sum_btn .btn {
  margin-right: 0.38rem;
}

.investors_sec .inv_con .inv_sumfin .sum_btn .btn i {
  font-size: 0.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.15rem;
}

.investors_sec .inv_con .inv_sumfin .sum_con .sum_item {
  display: none;
}

.investors_sec .inv_con .inv_sumfin .sum_con .sum_item.on {
  display: block;
}

.investors_sec
  .inv_con
  .inv_sumfin
  .sum_con
  .sum_item.sum_item1
  .sum_item_l
  .txt {
  margin-bottom: 0.4rem;
  font-size: 0.22rem;
  line-height: 1.6;
}

.investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l {
  max-width: 4.43rem;
  width: 30.7%;
  min-height: 3.82rem;
  box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08);
  padding: 0.6rem 0.65rem;
  padding: 4.16% 4.51%;
  color: #818181;
  margin-right: 4.16%;
  display: inline-block;
  vertical-align: middle;
}

.investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .txt {
  line-height: 1.6;
  margin-bottom: 0.65rem;
  font-size: 0.22rem;
}

.investors_sec
  .inv_con
  .inv_sumfin
  .sum_con
  .sum_item
  .sum_item_l
  .sum_item_data {
  text-align: center;
  color: #004ea2;
}

.investors_sec
  .inv_con
  .inv_sumfin
  .sum_con
  .sum_item
  .sum_item_l
  .sum_item_data
  i,
.investors_sec
  .inv_con
  .inv_sumfin
  .sum_con
  .sum_item
  .sum_item_l
  .sum_item_data
  em {
  font-size: 0.86rem;
  line-height: 1;
  display: inline-block;
  margin-bottom: 0.3rem;
}

.investors_sec
  .inv_con
  .inv_sumfin
  .sum_con
  .sum_item
  .sum_item_l
  .sum_item_data
  .num {
  font-size: 0.6rem;
  line-height: 1;
}

.investors_sec
  .inv_con
  .inv_sumfin
  .sum_con
  .sum_item
  .sum_item_l
  .sum_item_type {
  line-height: 1;
}

.investors_sec
  .inv_con
  .inv_sumfin
  .sum_con
  .sum_item
  .sum_item_l
  .sum_item_type
  .sum_item_type1 {
  margin-bottom: 0.24rem;
  font-size: 0.22rem;
}

.investors_sec
  .inv_con
  .inv_sumfin
  .sum_con
  .sum_item
  .sum_item_l
  .sum_item_type
  .sum_item_type1
  span,
.investors_sec
  .inv_con
  .inv_sumfin
  .sum_con
  .sum_item
  .sum_item_l
  .sum_item_type
  .sum_item_type2
  p {
  background-color: #004ea2;
  font-size: 0.22rem;
}

.investors_sec
  .inv_con
  .inv_sumfin
  .sum_con
  .sum_item
  .sum_item_l
  .sum_item_type
  span,
.investors_sec
  .inv_con
  .inv_sumfin
  .sum_con
  .sum_item
  .sum_item_l
  .sum_item_type
  p {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #efba3a;
  margin-right: 0.2rem;
  vertical-align: middle;
}

.investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_r {
  width: 62.5%;
  display: inline-block;
  vertical-align: middle;
}

.investors_sec .inv_con .inv_sumfin .clearfix .fl {
  width: 42%;
  /*padding-left: 1.7%;*/
}

.investors_sec .inv_con .inv_sumfin .clearfix .fr {
  width: 53%;
  border-radius: 0.1rem;
  overflow: hidden;
  box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08);
}

.investors_sec .inv_con .inv_sumfin .clearfix img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.investors_sec .inv_con .inv_analyze {
  padding-bottom: 0.3rem;
}

.investors_sec .inv_con .inv_analyze ul li {
  float: left;
  width: 4.5rem;
  width: 31.25%;
  box-shadow: 0px 0.2rem 0.59rem 0px rgba(175, 175, 175, 0.2);
  margin-right: 3.125%;
  margin-bottom: 0.4rem;
  padding: 0.04rem 0.55rem;
  padding: 2.7% 2.7% 3.8% 2.7%;
  background-color: #fff;
  color: #818181;
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
  /*float: none;*/
}

.investors_sec .inv_con .inv_analyze ul li:hover {
  box-shadow: 0px 0.15rem 0.38rem 0px rgba(0, 103, 214, 0.54);
  color: #fff;
  background-color: #004ea2;
}

.investors_sec .inv_con .inv_analyze ul li:hover h5,
.investors_sec .inv_con .inv_analyze ul li:hover .more_div a {
  color: #fff;
}

.investors_sec .inv_con .inv_analyze ul li:hover .com_ema * {
  color: #fff !important;
}

.investors_sec .inv_con .inv_analyze ul li:nth-of-type(3n) {
  margin-right: 0;
}

.investors_sec .inv_con .inv_analyze ul li h5 {
  color: #004ea2;
  line-height: 1.28;
  height: 0.72rem;
  margin-bottom: 0.16rem;
}

.investors_sec .inv_con .inv_analyze ul li .com_ema {
  line-height: 1.5;
  margin-bottom: 0.2rem;
  height: 0.6rem;
}

.investors_sec .inv_con .inv_analyze ul li .com_ema * {
  color: #818181 !important;
  background-color: transparent !important;
  font-size: 0.22rem;
  line-height: 1.6;
}

.investors_sec .inv_con .inv_analyze ul li .more_div {
  position: absolute;
  right: 0.52rem;
  bottom: 0.2rem;
  text-align: right;
}

.investors_sec .inv_con .inv_analyze ul li .more_div a {
  color: #004ea2;
  line-height: 1;
}

.investors_sec .inv_con .inv_promotional ul li {
  height: 2.5rem;
}

.investors_sec .inv_con .inv_promotional ul li:hover .pro_time {
  color: rgba(255, 255, 255, 0.5);
}

.investors_sec .inv_con .inv_promotional ul li .pro_time {
  color: rgba(0, 78, 162, 0.5);
  margin-bottom: 0.3rem;
  line-height: 1;
}

.investors_sec .inv_con .inv_promotional ul li h5 {
  line-height: 1.8;
}

.investors_sec .inv_con .inv_contact .contact_con {
  letter-spacing: -0.07rem;
  text-align: center;
}

.investors_sec .inv_con .inv_contact .contact_con .contact_item {
  text-align: left;
  margin-right: 3.26%;
  min-width: 5.6rem;
  display: inline-block;
  width: 43.05%;
  color: #004ea2;
  padding: 0.4rem 0 0 0.6rem;
  height: 1.6rem;
  box-shadow: 0px 0.2rem 0.59rem 0px rgba(175, 175, 175, 0.2);
  vertical-align: middle;
}

.investors_sec .inv_con .inv_contact .contact_con .contact_item.contact_email {
  margin-right: 0;
}

.investors_sec .inv_con .inv_contact .contact_con .contact_item i,
.investors_sec .inv_con .inv_contact .contact_con .contact_item em {
  font-size: 0.74rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8%;
}

.investors_sec .inv_con .inv_contact .contact_con .contact_item span {
  display: inline-block;
  vertical-align: middle;
}

/* 搜索结果 */
.search {
  /*margin-top: -0.380000rem;*/
  margin-top: 0.28rem;
  position: relative;
  z-index: 2;
  padding-bottom: 0.74rem;
}

.search * {
  box-sizing: border-box;
}

.search .search_t {
  margin-bottom: 0.6rem;
}

.search .search_t #searchForm {
  border: 0.01rem solid #004ea1;
  display: block;
  max-width: 8.12rem;
  height: 0.76rem;
  border-radius: 0.38rem;
  background-color: #fff;
  box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08);
  margin: 0 auto;
  padding: 0 0.28rem;
  overflow: hidden;
  position: relative;
}

.search .search_t #searchForm input {
  display: block;
  width: 100%;
  line-height: 0.76rem;
  height: 0.76rem;
  padding-right: 0.5rem;
  font-size: 0.24rem;
  color: #004ea2;
}

.search .search_t #searchForm button {
  font-size: 0.24rem;
  color: #004ea2;
  line-height: 0.76rem;
  border: none;
  background-color: transparent;
  cursor: pointer;
  position: absolute;
  right: 0.28rem;
  outline: none;
  top: 0;
}
.search .search_t #searchForm button i {
  height: 0.38rem;
  line-height: 0.38rem;
  display: inline-block;
  vertical-align: text-bottom;
}

.search .search_b h2,
.search .search_b h4 {
  font-weight: normal;
}

.search .search_b h2 {
  text-align: center;
  line-height: 1;
  margin-bottom: 0.5rem;
}

.search .search_b h2 span {
  color: #004ea2;
  font-weight: bold;
}

.search .search_b .search_list {
  margin-bottom: 0.62rem;
}

.search .search_b .search_list ul li {
  padding-bottom: 0.38rem;
  padding-top: 0.23rem;
  border-bottom: 0.01rem solid #e8e8e8;
}

.search .search_b .search_list ul li .search_title a {
  line-height: 3.1;
  color: #004ea2;
  display: inline-block;
  /*&:hover, &:hover span{
                            color: $blue;
                        }*/
}

.search .search_b .search_list ul li .search_title a span {
  color: #f25936;
}

.search .search_b .search_list ul li .search_txt {
  line-height: 1.33;
  margin-bottom: 0.3rem;
}

.search .search_b .search_list ul li .search_data {
  color: #9d9d9d;
}

.search .search_b .search_list ul li .search_data span.from {
  margin-right: 0.25rem;
}

@media screen and (max-width: 13rem) {
  .investors_sec .inv_con .inv_finsta ul li {
    width: 32%;
    margin-right: 2%;
  }

  .investors_sec .inv_con .inv_finsta ul li:nth-of-type(4n) {
    margin-right: 2%;
  }

  .investors_sec .inv_con .inv_finsta ul li:nth-of-type(3n) {
    margin-right: 0;
  }

  .investors_sec .inv_con .inv_finsta ul li .finsta_img {
    /*height: auto;*/
  }

  .investors_sec .inv_con .inv_analyze ul li h5 {
    font-size: 0.22rem;
    height: 0.6rem;
  }

  .investors_sec .inv_con .inv_ircalendar table tr th,
  .investors_sec .inv_con .inv_ircalendar table tr td {
    padding: 0.25rem 0.4rem;
    font-size: 0.14rem;
  }

  .investors_sec .inv_con .inv_ircalendar table tr.firstRow th {
    font-size: 0.16rem;
  }

  .investors_sec .inv_con .inv_ircalendar table tr th {
    font-size: 0.16rem;
  }

  .investors_sec .inv_con .inv_contact .contact_con .contact_item {
    min-width: auto;
    height: 1.2rem;
    padding: 0.3rem 0 0 0.3rem;
  }

  .investors_sec .inv_con .inv_contact .contact_con .contact_item i,
  .investors_sec .inv_con .inv_contact .contact_con .contact_item em {
    font-size: 0.5rem;
    margin-right: 4%;
  }
}

@media screen and (max-width: 750px) {
  #load {
    display: none;
  }

  .investors_sec {
    padding-bottom: 0.4rem;
  }

  .investors_sec .inv_nav {
    padding: 0;
    overflow: auto;
    border-radius: 0;
    margin-top: 0;
  }

  .m-date.z-fixed.investors_sec {
    padding-top: 0.5rem;
  }

  .investors_sec .inv_con {
    padding-top: 0.4rem;
  }

  .investors_sec .inv_nav ul li {
    width: 1rem;
    height: 0.5rem;
  }

  .investors_sec .inv_nav ul li a {
    line-height: 0.48rem;
    font-size: 0.16rem;
    letter-spacing: 0;
  }

  .investors_sec .inv_nav ul li a:after {
    height: 0.04rem;
  }

  .investors_sec .inv_nav ul li a:before {
    height: 0.2rem;
    top: 0.12rem;
  }

  .investors_sec .inv_con .inv_finsta {
    padding-bottom: 0;
  }

  .investors_sec .inv_con .inv_finsta ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }

  .investors_sec .inv_con .inv_finsta ul li a p {
    font-size: 0.14rem;
  }
  .investors_sec .inv_con .inv_finsta ul li a i {
    font-size: 0.16rem;
  }

  .investors_sec .inv_con .inv_finsta ul li:nth-of-type(3n) {
    margin-right: 4%;
  }

  .investors_sec .inv_con .inv_finsta ul li:nth-of-type(2n) {
    margin-right: 0;
  }

  .investors_sec .inv_con .inv_finsta ul li .finsta_img {
    /*height: auto;*/
    height: 2.1rem;
  }

  .investors_sec .inv_con .inv_finsta ul li .finsta_txt {
    padding: 0.07rem 0.16rem;
  }

  .investors_sec .inv_con .inv_ircalendar table tr {
    table-layout: fixed;
  }

  .investors_sec .inv_con .inv_ircalendar table tr th,
  .investors_sec .inv_con .inv_ircalendar table tr td {
    padding: 0.1rem 0.05rem;
    text-align: center;
  }

  .investors_sec .inv_con .inv_sumfin {
    /*padding-bottom: 0.400000rem;*/
  }

  .investors_sec .inv_con .inv_sumfin .sum_btn {
    margin-bottom: 0.4rem;
  }

  .investors_sec .inv_con .inv_sumfin .sum_btn .btn {
    margin-right: 2%;
    width: 49%;
    padding: 0;
    text-align: center;
    padding-left: 0.05rem;
  }

  .investors_sec .inv_con .inv_sumfin .sum_btn .btn i {
    margin-left: 0.05rem;
  }

  .investors_sec .inv_con .inv_sumfin .sum_btn .btn:last-child {
    margin-right: 0;
  }

  .investors_sec
    .inv_con
    .inv_sumfin
    .sum_con
    .sum_item.sum_item1
    .sum_item_l
    .txt {
    margin-bottom: 0.2rem;
    font-size: 0.14rem;
  }

  .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l {
    width: 100%;
    margin: 0 auto 0.2rem;
    display: block;
    height: auto;
    min-height: auto;
  }

  .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_l .txt {
    margin-bottom: 0.2rem;
    font-size: 0.14rem;
  }
  .investors_sec
    .inv_con
    .inv_sumfin
    .sum_con
    .sum_item
    .sum_item_l
    .sum_item_type
    .sum_item_type1,
  .investors_sec
    .inv_con
    .inv_sumfin
    .sum_con
    .sum_item
    .sum_item_l
    .sum_item_type
    .sum_item_type2 {
    font-size: 0.14rem;
  }

  .investors_sec
    .inv_con
    .inv_sumfin
    .sum_con
    .sum_item
    .sum_item_l
    .sum_item_data
    i,
  .investors_sec
    .inv_con
    .inv_sumfin
    .sum_con
    .sum_item
    .sum_item_l
    .sum_item_data
    em {
    font-size: 0.4rem;
    margin-bottom: 0.15rem;
  }

  .investors_sec
    .inv_con
    .inv_sumfin
    .sum_con
    .sum_item
    .sum_item_l
    .sum_item_data
    .num {
    font-size: 0.3rem;
  }

  .investors_sec .inv_con .inv_sumfin .sum_con .sum_item .sum_item_r {
    width: 100%;
  }

  .investors_sec .inv_con .inv_sumfin {
    padding-bottom: 0;
  }

  .investors_sec .inv_con .inv_sumfin .clearfix .fl,
  .investors_sec .inv_con .inv_sumfin .clearfix .fr {
    width: 100%;
    margin-bottom: 0.2rem;
  }

  .investors_sec .inv_con .inv_sumfin .clearfix .fr {
    margin-bottom: 0;
  }

  .investors_sec .inv_con .inv_analyze {
    padding-bottom: 0;
  }

  .investors_sec .inv_con .inv_analyze ul li {
    height: auto;
    padding-bottom: 0.2rem;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
    overflow: hidden;
    float: none;
  }

  .investors_sec .inv_con .inv_analyze ul li:nth-of-type(3n) {
    margin-right: 4%;
  }

  .investors_sec .inv_con .inv_analyze ul li:nth-of-type(2n) {
    margin-right: 0;
  }

  .investors_sec .inv_con .inv_analyze ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .investors_sec .inv_con .inv_analyze ul:after,
  .investors_sec .inv_con .inv_analyze ul:before {
    display: none;
  }
  .investors_sec .inv_con .inv_analyze ul li h5 {
    font-size: 0.16rem;
    height: auto;
    line-height: 1.6;
  }

  .investors_sec .inv_con .inv_analyze ul li .com_ema {
    font-size: 0.14rem;
  }

  .investors_sec .inv_con .inv_analyze ul li .more_div {
    right: 2.7%;
    bottom: 2.7%;
  }

  .investors_sec .inv_con .inv_analyze ul li .more_div a {
    font-size: 0.12rem;
  }

  .investors_sec .inv_con .inv_analyze ul li .com_ema * {
    font-size: 0.14rem;
    height: auto;
  }

  .investors_sec .inv_con .inv_contact .contact_con .contact_item {
    width: 100%;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    height: auto;
    padding-left: 0.7rem;
    padding-right: 0;
    position: relative;
    margin-bottom: 0.2rem;
    box-sizing: border-box;
    min-width: auto;
    font-size: 0.16rem;
  }

  .investors_sec
    .inv_con
    .inv_contact
    .contact_con
    .contact_item.contact_email {
    margin-bottom: 0;
  }

  .investors_sec .inv_con .inv_contact .contact_con .contact_item i,
  .investors_sec .inv_con .inv_contact .contact_con .contact_item em {
    font-size: 0.3rem;
    position: absolute;
    left: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
  }

  .investors_sec .inv_con .inv_contact .contact_con .contact_item span {
    font-size: 0.16rem;
  }

  .news_content {
    padding-bottom: 0.4rem;
  }

  .news_content .news_content_con .news_con {
    width: 100%;
    margin-left: 0;
  }

  .news_content .news_content_con .news_con .news_title {
    height: auto;
    display: block;
    margin-bottom: 0.14rem;
  }

  .news_content .news_content_con .news_con .time {
    position: relative;
    float: none;
    padding: 0.1rem 0;
    width: 100%;
    height: auto;
    text-align: left;
    box-shadow: none;
    display: block;
  }

  .news_content .news_content_con .news_con .time p {
    display: inline-block;
  }

  .news_content .news_content_con .news_con .time p.d_m {
    margin-bottom: 0;
  }

  .news_content .news_content_con .news_con .content {
    padding-bottom: 0;
    margin-bottom: 0.2rem;
  }

  .news_content .news_content_con .news_con .content p {
    font-size: 0.14rem !important;
    margin-bottom: 0.15rem;
  }

  .news_content .news_content_con .news_con .content p img {
    margin-bottom: 0.1rem;
  }

  .news_content .news_content_con .news_con .news_r_n .news_prev,
  .news_content .news_content_con .news_con .news_r_n .news_next {
    width: 48%;
  }

  .news_content .news_content_con .news_con .news_r_n .news_prev a p:after,
  .news_content .news_content_con .news_con .news_r_n .news_next a p:after {
    width: 0.08rem;
  }

  .search {
    /*margin-top: -0.190000rem;*/
    padding-bottom: 0.3rem;
  }

  .search .search_t {
    margin-bottom: 0.3rem;
  }

  .search .search_b .search_list ul li .search_title a {
    line-height: 1.6;
    font-size: 0.16rem;
  }

  .search .search_t #searchForm,
  .search .search_t #searchForm input,
  .search .search_t #searchForm button {
    height: 0.38rem;
    line-height: 0.38rem;
  }
  .search .search_t #searchForm input {
    font-size: 0.16rem;
    padding-left: 0;
  }

  .search .search_b h2 {
    margin-bottom: 0.15rem;
  }

  .search .search_b .search_list {
    margin-bottom: 0.2rem;
  }

  .search .search_b .search_list ul li {
    /*padding-top: 0;*/
    padding-bottom: 0.15rem;
  }

  .search .search_b .search_list ul li .search_data {
    font-size: 0.12rem;
  }

  .search .search_b .search_list ul li .search_title {
    margin-bottom: 0.15rem;
  }
  .search .search_b .search_list ul li .search_txt {
    margin-bottom: 0.1rem;
    font-size: 0.14rem;
    line-height: 1.6;
  }

  .page .page_l a,
  .page .page_l span {
    width: 0.3rem;
    height: 0.3rem;
    line-height: 0.3rem;
    margin: 0 0.02rem;
  }

  .page .page_l a.more_page,
  .page .page_l span.more_page {
    letter-spacing: 0.01rem;
    text-indent: 0;
    width: 0.3rem;
  }

  .page .page_l a.cur_page,
  .page .page_l span.cur_page {
    color: #fff;
    background-color: #004ea2;
  }
  /* 服务列表 */
  .indser_list {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
  }

  .indser_list ul li {
    position: relative;
    width: 31.33%;
    padding-bottom: 31.33%;
    margin: 0 1% 2%;
  }

  .indser_list ul li:nth-of-type(3n) {
    margin-right: 1%;
  }

  .indser_list ul li img {
    height: 100%;
    width: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: initial;
  }

  .indser_list ul li .indser_txt .indser_txt_t p,
  .indser_list ul li .indser_txt .indser_txt_t img {
    line-height: 1;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -0.12rem;
  }

  .indser_list ul li .indser_txt .indser_txt_t img {
    max-height: 0.36rem;
  }

  .indser_list ul li .indser_txt .indser_txt_t p {
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.03rem;
    line-height: 0.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%);
    margin-top: 0.25rem;
    line-height: 1;
    font-size: 0.14rem;
  }

  .indser_list ul li .indser_txt .indser_p {
    display: none;
  }

  .indser_list ul li .indser_txt .indser_a {
    display: none;
  }

  .indser_list ul li:hover .indser_txt {
    background-color: rgba(0, 78, 162, 0.9);
  }

  .indser_list ul li:hover .indser_txt .indser_txt_t p {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.14rem;
    margin-top: 0.25rem;
  }

  .indser_list ul li:hover .indser_txt .indser_txt_t img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -0.12rem;
  }

  .investors_sec .inv_con .inv_promotional ul li .pro_time {
    font-size: 0.12rem;
    margin-bottom: 0.15rem;
  }
}

/* ------服务------ */
.g-content {
  /*测试服务*/
  /*服务优势*/
  /*咨询服务*/
  /*资质认证*/
  /*服务优势 - 高*/
  /*服务范围*/
}

.g-content .m-text {
  color: #818181;
}

.g-content .m-text p.p-color {
  margin-bottom: 0;
}

.g-content .u-title {
  position: relative;
}

.g-content .u-title .u-form {
  width: 2.7rem;
  height: 0.54rem;
  position: absolute;
  right: 0;
  top: 0;
  border: 0.01rem solid #004ea2;
  border-radius: 0.27rem;
  overflow: hidden;
  padding: 0 0.47rem 0 0.2rem;
  box-sizing: border-box;
}

.g-content .u-title .u-form input {
  display: block;
  width: 100%;
  line-height: 0.52rem;
  color: #8b8b8b;
  letter-spacing: 0.03rem;
}

.g-content .u-title .u-form input::-moz-placeholder {
  color: #8b8b8b;
}

.g-content .u-title .u-form input::-webkit-input-placeholder {
  color: #8b8b8b;
}

.g-content .u-title .u-form input:-ms-input-placeholder {
  color: #8b8b8b;
}

.g-content .u-title .u-form button {
  position: absolute;
  border: none;
  background-color: transparent;
  line-height: 0.52rem;
  color: #004ea2;
  width: 0.3rem;
  cursor: pointer;
  right: 0.2rem;
  top: 0;
  outline: none;
  padding: 0;
}

.g-content .u-title .u-form button i {
  line-height: 0.52rem;
  font-size: 0.2rem;
  display: block;
}

.g-content .m-test-solution .user-box ul {
  display: flex;
  flex-wrap: wrap;
}

.g-content .m-test-solution .user-box ul li {
  /*float: left;*/
  padding-top: 0.37rem;
  width: 47.37%;
  float: right;
  margin-right: 5.26%;
}

.g-content .m-test-solution .user-box ul li:nth-of-type(1),
.g-content .m-test-solution .user-box ul li:nth-of-type(2) {
  padding-top: 0;
}

.g-content .m-test-solution .user-box ul li:nth-of-type(2n) {
  margin-right: 0;
}

.g-content .m-test-solution .user-box ul li h6 {
  padding: 0.27rem 9%;
  line-height: 1.5;
  color: #004ea2;
  letter-spacing: 0.01rem;
  box-shadow: 0px 0.05rem 0.24rem 0px rgba(84, 84, 84, 0.08);
  font-size: 0.24rem;
}

.g-content .m-test-solution .user-box ul li p {
  text-align: justify;
  padding: 0.3rem 9% 0;
  color: #818181;
  line-height: 1.6;
  letter-spacing: 0.02rem;
  font-size: 0.22rem;
}

.g-content .m-serve img {
  height: 0.5rem;
  display: block;
  margin: 0 auto;
}

.g-content .m-serve.consulting-serve.serve--other ul {
  display: flex;
  flex-wrap: wrap;
}
.g-content .m-serve.consulting-serve.serve--other .user-box li {
  height: 2.84rem;
  height: 3.14rem;
  height: auto;
}
.g-content .m-serve.consulting-serve.serve--other li p {
  height: auto;
}

.g-content .m-serve.consulting-serve.serve--other.m-serve-s .user-box li {
  height: 2.14rem;
  margin-bottom: 0;
}

.g-content .service-area-4 {
  /*产品和解决方案*/
}

.g-content .service-area-4 ul li {
  width: 22.585%;
  margin-right: 3.22%;
}

.g-content .service-area-4 ul li:last-child {
  margin-right: 0;
}

.g-content .service-area-4.m-service-area-4 ul li .mark-text i {
  font-size: 0.72rem;
}

.g-content .service-area-4.m-service-area-4 ul li:hover .mark-text i {
  opacity: 0;
}

.g-content .service-area-4.m-service-area-4 ul li .mark-text h3 {
  height: auto;
  font-size: 0.24rem;
  margin-top: 0.5rem;
  /*width: 100%;*/
}

.g-content .service-area-4.m-service-area-4 ul li:hover .mark-text h3 {
  opacity: 0;
}

.g-content .service-area-4.m-service-area-4 ul li .mark-text .mark-txt,
.g-content .service-area-4.m-service-area-4 ul li .mark-text pre {
  height: auto;
  height: 3.8rem;
  top: 63%;
}

.g-content .service-area-4.m-service-area-4 ul li:hover .mark-text i {
  font-size: 0.5rem;
}

.g-content .service-area-4.m-service-area-4 ul li:hover .mark-text h3 {
  margin-top: 0.7rem;
}

.g-content .service-area-4.m-service-area-4 ul li:hover .mark-text .mark-txt,
.g-content .service-area-4.m-service-area-4 ul li:hover .mark-text pre {
  top: 46%;
  top: 10%;
}

.g-content .service-area-4.m-service-area-4 ul li:last-child {
  margin-right: 0;
}

.g-content .service-area_more {
  text-align: center;
  padding-top: 0.7rem;
}

.g-content .m-qualification ul li {
  /*  max-width: 2.800000rem;*/
  width: 24.13%;
  width: 24.25%;
  float: left;
  margin-right: 13.805%;
  margin-right: 1%;
  text-align: center;
  padding-top: 0.82rem;
}

.g-content .m-qualification ul li .qua_img {
  margin-bottom: 0.3rem;
}

.g-content .m-qualification ul li .qua_img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.g-content .m-qualification ul li p {
  font-size: 0.18rem;
  font-size: 0.22rem;
  color: #191919;
}

.g-content .m-qualification ul li:nth-of-type(1),
.g-content .m-qualification ul li:nth-of-type(2),
.g-content .m-qualification ul li:nth-of-type(3),
.g-content .m-qualification ul li:nth-of-type(4) {
  padding-top: 0;
}

.g-content .m-qualification ul li:nth-of-type(4n) {
  margin-right: 0;
}

.g-content .m-product-lists.m-product-lists-more li {
  height: 2.15rem;
  padding: 4.5% 3%;
}

.g-content .m-business-lists li .title {
  cursor: pointer;
}

.g-content .m-business-lists li .title:hover {
  color: #fff;
  background: #004ea2;
  box-shadow: 0 0 0.2rem rgba(0, 78, 162, 0.4);
}

.g-content .m-business-lists li .bus-box .btn {
  margin: 0.3rem 0 0.17rem;
}

.g-content .m-business-lists.m-business-lists-b li .bus-links a:not(.btn) {
  color: #818181;
}

.g-content
  .m-business-lists.m-business-lists-b
  li
  .bus-links
  a:not(.btn):before {
  background-color: #004ea2;
}

.g-content .m-business-lists.m-business-lists-b li .bus-links a:not(.btn) i {
  color: #004ea2;
}

/* 云上软件园 */
.m-software .date-title li {
  width: 25%;
}

.m-software .date-first {
  height: 3.78rem;
  background-image: url(rju1.jpg)
    /*tpa=http://www.chinasofti.com/r/cms/www/default/images/rju1.jpg*/;
}

.m-text-w {
  color: #fff;
}

/*联系我们*/

.contact-us {
  padding: 0.56rem 0 0.7rem;
}

.contact-us h3 {
  font-size: 0.3rem;
  color: #1e2123;
  line-height: 1;
  margin-bottom: 0.21rem;
  font-weight: bold;
}

.contact-us .contact_describe {
  font-size: 0.16rem;
  color: #191919;
  line-height: 1.5;
  margin-bottom: 0.6rem;
}

.contact_list h4 {
  font-size: 0.24rem;
  color: #1e2123;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.4rem;
}

.contact_list dl {
  display: flex;
  flex-wrap: wrap;
}

.contact_list dd {
  float: left;
  width: 44.44%;
  margin-right: 11.12%;
  background-color: #f3f5f8;
  padding: 0.48rem 0.52rem;
  box-sizing: border-box;
  margin-bottom: 0.5rem;
}

.contact_list dd:nth-of-type(2n) {
  margin-right: 0;
}

.contact_list dd h6 {
  font-size: 0.24rem;
  color: #1e2123;
  margin-bottom: 0.22rem;
  line-height: 1;
  font-weight: 400;
}

.contact_list dd p {
  font-size: 0.22rem;
  line-height: 1.6;
  margin-bottom: 0.16rem;
}

.contact_list dd p:last-child {
  margin-bottom: 0;
}

.contact_list dd p a {
  color: #004ea2;
}

@media screen and (max-width: 750px) {
  #load .load_con {
    width: 90%;
  }
  #load .load_con img {
    width: 100%;
  }

  .investors_sec
    .inv_con
    .inv_ann
    .m-about
    .about-honor
    .m-about-slide
    .about-cont
    .f-in
    .about-cont-sub
    .year_item,
  .investors_sec .inv_con .inv_ircalendar .table_con {
    overflow: auto;
  }

  .g-content .service-area-4.m-service-area-4 ul li .mark-text i {
    font-size: 0.34rem;
  }
  .g-content .service-area_more {
    padding-top: 0.2rem;
  }
  .btn {
    font-size: 0.14rem;
    height: 0.32rem;
    line-height: 0.32rem;
    padding: 0 0.18rem;
  }

  .g-content .m-qualification ul li p {
    font-size: 0.14rem;
  }

  .g-content .m-serve.consulting-serve.serve--other .user-box li,
  .g-content .m-serve.consulting-serve.serve--other.m-serve-s .user-box li {
    height: auto;
  }

  .g-content .service-area-4 {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 15px;
    -webkit-overflow-scrolling: touch;
  }
  .m-service-area li {
    box-shadow: none;
  }

  .g-content .service-area-4.m-service-area-4 ul {
    width: 1e7;
  }

  .g-content .service-area-4.m-service-area-4 ul:after {
    clear: none;
  }

  .g-content .service-area-4.m-service-area-4 ul li {
    width: 1.5rem;
    margin: 0 0.15rem 0 0;
    box-shadow: none;
  }

  .g-content .service-area-4.m-service-area-4 ul li .mark-text h3 {
    white-space: nowrap;
    font-size: 0.16rem;
  }

  .g-content .m-test-solution .user-box ul {
    display: table;
  }
  .g-content .m-test-solution .user-box ul li {
    padding-top: 0;
    width: 100%;
    margin-right: 0;
    float: none;
    padding-bottom: 0.2rem;
  }

  .g-content .m-test-solution .user-box ul li h6 {
    padding: 0.15rem 9%;
    font-size: 0.16rem;
  }

  .g-content .m-test-solution .user-box ul li p {
    padding-top: 0.15rem;
    font-size: 0.14rem;
  }

  .investors_sec
    .inv_con
    .inv_ann
    .m-about
    .about-honor
    .m-about-slide
    .about-cont
    .f-in
    .about-cont-sub
    ul
    li {
    margin-bottom: 0.15rem;
    padding-left: 0;
  }
  .investors_sec
    .inv_con
    .inv_ann
    .m-about
    .about-honor
    .m-about-slide
    .about-cont
    .f-in
    .about-cont-sub
    ul
    li
    .time {
    font-size: 0.12rem;
  }
  .investors_sec
    .inv_con
    .inv_ann
    .m-about
    .about-honor
    .m-about-slide
    .about-cont
    .f-in
    .about-cont-sub
    ul
    li
    h5
    a {
    font-size: 0.14rem;
    line-height: 1.3;
  }

  .investors_sec .inv_con .inv_ircalendar .table_head,
  .mCSB_inside > .mCSB_container {
    margin-right: 0;
  }

  .investors_sec .inv_con .inv_ircalendar table tr.firstRow th {
    font-size: 0.14rem;
  }
  .investors_sec .inv_con .inv_ircalendar table tr th,
  .investors_sec .inv_con .inv_ircalendar table tr td {
    font-size: 0.12rem;
  }

  .m-software .date-title li {
    width: auto;
    min-width: 1rem;
  }

  .contact-us {
    padding: 0.28rem 0 0.35rem;
  }

  .contact-us .contact_describe {
    margin-bottom: 0.3rem;
  }

  .contact_list dt {
    margin-bottom: 0.2rem;
  }

  .contact_list dd {
    height: auto;
    float: none;
    margin-right: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0.24rem 0.26rem;
    margin-bottom: 0.25rem;
  }

  .contact-us h3 {
    font-size: 0.28rem;
  }
  .contact_list dl {
    margin-bottom: 0.2rem;
  }
  .contact_list h4 {
    margin-bottom: 0.3rem;
  }
  .contact_list h4,
  .contact_list dd h6 {
    font-size: 0.18rem;
  }
  .contact_list dd p {
    font-size: 0.14rem;
  }
}

.news-item {
  display: flex;
  overflow: hidden;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px #5e5e5e44;
  background-color: #fff;
  margin-right: 10px;
  margin-bottom: 10px;
}

.news-item .news-img {
  width: 200px;
  height: 140px;
  border-radius: 10px;
  overflow: hidden;
}
.news-item .news-img img {
  width: 200px;
  height: 100%;
}
.news-item .news-onent {
  width: 200px;
  margin-left: 10px;
  flex: 1;
  overflow: hidden;
  position: relative;
}
.news-item .news-onent .title {
  color: #000;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
}

.news-item .news-onent .des {
  margin-top: 10px;
  color: #999;
  white-space: normal;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 3;
  -webkit-line-clamp: 2;
}

.news-item .news-onent .more {
  color: rgb(3, 124, 201);
  float: right;
  cursor: pointer;
  font-weight: 700;
}

.news-item .news-onent .time {
  position: absolute;
  color: rgb(3, 124, 201);
  bottom: 0;
  font-weight: 700;
}

.news-box .idea-more {
  margin-top: 20px;
  color: rgb(3, 124, 201);
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
}

.index-news {
  padding-bottom: 20px;
}
.index-third {
  padding-top: 10px;
}

.index-contact {
  padding-top: 20px;
  padding-bottom: 20px;
}

.tact-item {
  display: flex;
  overflow: hidden;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px #5e5e5e44;
  background-color: #fff;
  margin-right: 10px;
  margin-bottom: 10px;
}

.tact-item .title {
  color: #000;
  font-weight: 700;
}

.tact-item .info {
  margin-top: 8px;
}
.tact-item .tact-content {
  flex: 1;
}
.tact-item .tact-icon-warp {
  text-align: right;
  width: 105px;
  height: 112px;
}
.cdot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin-right: 4px;
}
.cdot-color1 {
  background-color: #004ea2;
}
.cdot-color2 {
  background-color: #a09000;
}
.cdot-color3 {
  background-color: #db3518;
}
.cdot-color4 {
  background-color: #64f35c;
}
.cdot-color5 {
  background-color: #3ccbef;
}

.product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.product-list .product-item {
  position: relative;
  width: 330px;
  cursor: pointer;
  border: 0px solid;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(102, 102, 102, 0.349);
  border-radius: 10px;
  margin-bottom: 50px;
}

.product-list .product-item .product-cove {
  width: 100%;
  height: 220px;
  overflow: hidden;
  position: relative;
}

.product-list .product-item .product-cove img {
  width: 100%;
  height: 100%;
}

.product-list .product-item .cove-make {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.34);
  text-align: center;
  padding: 20px 0;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  transition: all .5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
    -webkit-transition: all 0.5s; /* Safari and Chrome */
    -o-transition: all 0.5s; /* Opera */
}
.product-list .product-item:hover {
  box-shadow: 0 0 20px rgba(102, 102, 102, 0.521);
}

/* .product-list .product-item:hover .cove-make {
  top: 0;
} */

.product-list .product-item .cove-make .cove-title {
  position: absolute;
  top: 62%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  letter-spacing: 4px;
}

.product-list .product-item .product-text {
  height: 80px;
  margin: 20px;
  color: #000;
  line-height: 26px;
  overflow: hidden;
  text-align: center;
  display: flex;
    align-items: center;
    justify-content: center;
}

.footer-banner {
  background: url(../imgs/kefubg.jpg) center center no-repeat;
  background-size: 100% 100%;
}

.contact-btn {
  display: inline-block;
  cursor: pointer;
  padding: 10px 20px;
  background-color: #004ea1;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.wis-pro-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.wis-pro-list .wis-pro-item {
  position: relative;
  width: 310px;
  cursor: pointer;
  border: 0px solid;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(102, 102, 102, 0.349);
  border-radius: 10px;
  margin-bottom: 20px;
}

.wis-pro-list .wis-pro-item .wis-pro-cove {
  margin: 0 auto;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.wis-pro-list .wis-pro-item .wis-pro-cove img {
  display: inline;
  width: 100px;
  height: 100px;
}
.wis-pro-list .wis-pro-item .wis-pro-cove .wis-pro-title {
  display: inline-block;
  border-bottom: #f25936 solid 2px;
  line-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
}


.wis-pro-list .wis-pro-item:hover {
  box-shadow: 0 0 20px rgba(102, 102, 102, 0.521);
}


.wis-pro-list .wis-pro-item .wis-pro-text {

  margin: 20px;
  color: #000;
  line-height: 26px;
  overflow: hidden;
}
.bannerBoxTitle{
  margin-left: 150px;
}
.bannerTitle {
  font-size: 38px;
  color: #ffffff;
}
.bannerTitle-eng{
  font-size: 20px;
  letter-spacing: 1px;
}
.flex-between-center{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.idea-more {
  color: rgb(3, 124, 201);
  font-size: 16px;
  font-weight: 700;
}