@charset "utf-8";



/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

  margin: 0;

  padding: 0px;

  border: 0;

  outline: none;

}

header, nav, footer, menu {

  display: block;

}

dt {

  font-weight: 300;

}

img {

  border: none;

  max-width: 100%;

}

li {

  list-style-type: none;

}

a, a:hover, a:focus {

  text-decoration: none;

  color: #333;

}

.block {

  display: block;

}

html {

  height: 100%;

}

body {

  font-family: "Noto Sans SC", "Source Han Sans CN", "PingFangSC", "noto sans","microsoft yahei", Helvetica, Arial, sans-serif;

  font-size: 1.0rem;

  color: #111111;

  font-weight: 400;

  position: relative;

  background-color: #fff;

}

h1, h2, h3, h4, h5, h6, strong {

  font-weight: 500;

} 

input::placeholder {

  font-size: 1.125rem;

}

input::-moz-placeholder {

  font-size: 1.125rem;

}

input:-ms-input-placeholder {

  font-size: 1.125rem;

}

.clear {

  clear: both;

}

.display-flex {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-justify-content: space-between;

  -ms-flex-pack: distribute;

  justify-content: space-between;

  flex-flow: row wrap;

}

.display-flex-center {

  -webkit-justify-content: center;

  -ms-flex-pack: distribute;

  justify-content: center;

}

.display-flex-top {

  -webkit-box-align: flex-start;

  -webkit-align-items: flex-start;

  -ms-flex-align: flex-start;

  align-items: flex-start;

}

.display-flex-left {

  -webkit-justify-content: flex-start;

  -ms-flex-pack: distribute;

  justify-content: flex-start;

}

.flex-flow-row {

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

}

/*******头部********/

header {

  position: relative;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;

}

header .header-main {

  padding-left: 4.16667%;

  padding-right: 4.16667%;

}

header .display-flex {

  position: relative;

}

header .logo {

  width: 12.375rem;

  position: relative;

}

header .logo a {

  width: 100%;

  display: block;

}

header .header-nav {}

header .header-nav li {

  position: relative;

  margin-right: 1.9968vw;

}

header .header-nav li .link {

  display: block;

  position: relative;

  padding: 2.0rem 0;

  color: #111111;

  font-size: 1.125rem;

}

header .header-nav li:hover .link {

  color: #0051a2;

}

header .header-nav li:hover .link::after {

  content: '';

  position: absolute;

  bottom: 1.625rem;

  left: 0;

  width: 100%;

  height: 2px;

  background-color: #0051a2;

}

header .header-language {

  position: relative;

  margin-left: 4px;

}

header .header-language .header_search {

  display: block;

  margin-right: 1.5764vw;

  width: 24px;

  height: 24px;

  cursor: pointer;

}

header .header-language .header_search img {

  width: 24px;

  height: 24px;

  display: block;

}

header .header-language .header_language {

  height: 40px;

  line-height: 38px;

  width: 6.875rem;

  border-radius: 6.25rem;

  border: 1px solid #333333;

  text-align: center;

  display: block;

  position: relative;

  cursor: pointer;

}

header .header-language .header_language .l_link {

  font-size: 1.125rem;

  padding-right: 1.875rem;

  position: relative;

}

header .header-language .header_language .l_link::after {

  content: '';

  position: absolute;

  top: 50%;

  right: 0;

  margin-top: -3px;

  border-top: 7px solid #303030;

  border-left: 7px solid transparent;

  border-right: 7px solid transparent;

}

/**/

.menu_botton {

  position: absolute;

  right: 75px;

  top: 73px;

  display: block;

  cursor: pointer;

  z-index: 9999;

}

.menu_botton strong {

  display: inline-block;

  float: left;

  color: #2f318b;

  font-size: 16px;

  line-height: 18px;

  font-weight: normal;

  margin-right: 12px;

}

#menu_toggle1 {

  display: none;

}

.menu_botton span {

  position: relative;

  display: inline-block;

  width: 21px;

  height: 2px;

  background-color: #0068b7;

  border-radius: 2px;

  vertical-align: middle;

  -webkit-transition-duration: .3s, .3s;

  -moz-transition-duration: .3s, .3s;

  -ms-transition-duration: .3s, .3s;

  -o-transition-duration: .3s, .3s;

  transition-duration: .3s, .3s;

  -webkit-transition-delay: .3s, 0s;

  -moz-transition-delay: .3s, 0s;

  -ms-transition-delay: .3s, 0s;

  -o-transition-delay: .3s, 0s;

  transition-delay: .3s, 0s;

  margin-top: -2px;

}

.menu_botton span:after, .menu_botton span:before {

  content: "";

  position: absolute;

  display: inline-block;

  width: 21px;

  height: 2px;

  left: 0;

  border-radius: 2px;

  background-color: #0068b7;

  -webkit-transition-duration: .3s, .3s;

  -moz-transition-duration: .3s, .3s;

  -ms-transition-duration: .3s, .3s;

  -o-transition-duration: .3s, .3s;

  transition-duration: .3s, .3s;

  -webkit-transition-delay: .3s, 0s;

  -moz-transition-delay: .3s, 0s;

  -ms-transition-delay: .3s, 0s;

  -o-transition-delay: .3s, 0s;

  transition-delay: .3s, 0s;

}

.menu_botton span:before {

  top: -6px;

  -webkit-transition-property: top, transform;

  -moz-transition-property: top, transform;

  -ms-transition-property: top, transform;

  -o-transition-property: top, transform;

  transition-property: top, transform;

}

.menu_botton span:after {

  bottom: -6px;

  -webkit-transition-property: bottom, transform;

  -moz-transition-property: bottom, transform;

  -ms-transition-property: bottom, transform;

  -o-transition-property: bottom, transform;

  transition-property: bottom, transform;

}

.mm-opened .menu_botton span {

  background-color: transparent;

  -webkit-transition-delay: 0s, 0s;

  -moz-transition-delay: 0s, 0s;

  -ms-transition-delay: 0s, 0s;

  -o-transition-delay: 0s, 0s;

  transition-delay: 0s, 0s;

}

.mm-opened .menu_botton span:after, 

.mm-opened .menu_botton span:before {

  -webkit-transition-delay: 0s, .3s;

  -moz-transition-delay: 0s, .3s;

  -ms-transition-delay: 0s, .3s;

  -o-transition-delay: 0s, .3s;

  transition-delay: 0s, .3s;

}

.mm-opened .menu_botton span:before {

  top: 0;

  background: #0068b7;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

.mm-opened .menu_botton span:after {

  bottom: 0;

  background: #0068b7;

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

/**/

header .header-nav li:hover .second-level-nav {

 -webkit-transform: translate(0, 0);

  -moz-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  -o-transform: translate(0, 0);

  transform: translate(0, 0);

  opacity: 1;

  visibility: visible;

}

.second-level-nav {

  position: absolute;

  top: calc(100% - 0.625rem);

  background-color: #ffffff;

  left: 0;

  opacity: 0;

  width: 15.625rem;

  visibility: hidden;

  z-index: 8;

  box-shadow: 0 0 5px rgba(0, 111, 221, 0.3);

  padding: 0.625rem 1.5625rem;

  -webkit-transition: all .35s ease;

     -moz-transition: all .35s ease;

      -ms-transition: all .35s ease;

       -o-transition: all .35s ease;

          transition: all .35s ease;

  -webkit-transform: translate(0, 10px);

  -moz-transform: translate(0, 10px);

  -ms-transform: translate(0, 10px);

  -o-transform: translate(0, 10px);

  transform: translate(0, 10px);

}

.second-level-nav>div+div {

  border-top: 1px solid #dddddd;

}

.second-level-nav>div>a {

  display: block;

  color: #333333;

  position: relative;

  transition: 320ms;

  font-size: 1.0rem;

  padding: 0.625rem 0;

}

.second-level-nav>div>a:hover {

  color: #0051a2;

}

/*********尾部************/

body.webBg footer {

  background-color: #0051a2;

  color: #ffffff;

}

body.webBg footer .footer_nav li .con a,

body.webBg footer .footer_nav li .text,

body.webBg footer .footer_copyright a {

  color: #ffffff;

}

body.webBg footer .footer_copyright .fPrivacy a+a::after {

  background-color: #ffffff;

}

body.webBg footer .footer_nav li .title {

  border-bottom-color: rgba(221, 221, 221, 0.2);

}

footer {

  background-color: #ffffff;

}

footer .footer_main {

  padding-top: 3.625rem;

  padding-bottom: 2.25rem;

  border-bottom: 1px solid #dddddd;

}

footer .footer_nav {

  width: 100%;

}

footer .footer_nav li {

  margin-right: 2.5rem;

  width: 100%;

}

footer .footer_nav li:last-child {

  margin-right: 0;

}

footer .footer_nav li .title {

  padding-bottom: 0.875rem;

  font-size: 1.125rem;

  margin-bottom: 0.625rem;

  border-bottom: 1px solid #dddddd;

}

footer .footer_nav li .con {

  line-height: 2;

  font-size: 16px;

}

footer .footer_nav li .con a {

  color: #333333;

}

footer .footer_nav li .img {

  width: 120px;

  margin: 0 auto;

}

footer .footer_nav li .text {

  font-size: 14px;

  color: #101021;

  text-align: center;

}

footer .footer_copyright {

  padding: 1.875rem 0;

  font-size: 14px;

}

footer .footer_copyright a {

  color: #111111;

}

footer .footer_copyright .fPrivacy {

  font-size: 16px;

  font-weight: 500;

}

footer .footer_copyright .fPrivacy a+a {

  padding-left: 1.125rem;

  margin-left: 0.9375rem;

  position: relative;

}

footer .footer_copyright .fPrivacy a+a::after {

  content: '';

  position: absolute;

  top: 50%;

  left: 0;

  width: 3px;

  height: 3px;

  border-radius: 100%;

  margin-top: -1.5px;

  background-color: #111111;

}

footer .footer_copyright .fCopyright {

  position: relative;

}

/*****主体开始*******/

/*首页*/

#banner {

  width: 100%;

  height: 100vh;

  position: relative;

  overflow: hidden;

}

.home_banner {

  width: 100%;

  height: 100%;

  position: relative;

}

.home_banner li.swiper-slide {

  width: 100%;

}

.bannerHeading {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  z-index: 9;

  -webkit-transform: translateY(-50%);

     -moz-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

       -o-transform: translateY(-50%);

          transform: translateY(-50%);

}

.bannerHeading .box {

  padding-right: 3.125rem;

}

.bannerHeading .img {

  margin-bottom: 1.25rem;

  width: 16.5rem;

}

.bannerHeading .title {

  font-size: 3.25rem;

  color: #ffffff;

  font-weight: 600;

  line-height: 1.42;
  text-shadow: 4px 0 9px rgba(0,0,0,.5);

}

#banner .swiper-pagination {

  text-align: left;

  font-size: 0;

  left: 4.16667%;

  bottom: 2.25rem;

}

#banner .swiper-pagination .swiper-pagination-bullet {

  width: 0.6875rem;

  height: 0.6875rem;

  background-color: #f0f0f0;

  opacity: 1;

  margin: 0 1.375rem 0 0;

  position: relative;

}

#banner .swiper-pagination .swiper-pagination-bullet-active::after {

  content: '';

  position: absolute;

  top: 50%;

  left: 50%;

  width: 1.5625rem;

  height: 1.5625rem;

  border: 1px solid #f0f0f0;

  border-radius: 100%;

  margin-left: -0.78125rem;

  margin-top: -0.78125rem;

}

/**/

.hTitle {

  font-size: 3.0rem;

  font-weight: 200;

}

.hAbout {

  position: relative;

  padding: 6.25rem 0 4.375rem;

}

.hAbout .hAboutTitle {

  line-height: 1.52;

  font-size: 2.125rem;

  max-width: 61%;

  margin: 0 auto;

}

.hAbout .hAboutText {

  max-width: 61%;

  margin: 0 auto;

  font-size: 1.5rem;

  font-weight: 200;

  padding-top: 0.625rem;

}

.hAbout .hAboutMore {

  padding: 1.875rem 0 4.375rem;

}

.hAbout .hAboutMore a {

  font-size: 1.25rem;

  padding-bottom: 4px;

  border-bottom: 2px solid #111;

}

.hAboutList {}

.hAboutList li {

  margin-bottom: 1.875rem;

}

.hAboutList li .box {

  display: block;

  position: relative;

}

.hAboutList li .box .img {

  overflow: hidden;

}

.hAboutList li .box img {

  -webkit-transform: scale(1);

     -moz-transform: scale(1);

      -ms-transform: scale(1);

       -o-transform: scale(1);

          transform: scale(1);

  -webkit-transition: all .35s;

     -moz-transition: all .35s;

      -ms-transition: all .35s;

       -o-transition: all .35s;

          transition: all .35s;

}

.hAboutList li .box:hover img {

  -webkit-transform: scale(1.12);

     -moz-transform: scale(1.12);

      -ms-transform: scale(1.12);

       -o-transform: scale(1.12);

          transform: scale(1.12);

}

.hAboutList li .box .title {

  font-size: 1.5rem;

  padding: 1.5rem 0 1.25rem;

}

.hAboutList li .box .text {

  font-weight: 200;

}

.hAboutList li .box:hover .title {

  color: #0051a2;

}



.hDiscovery {

  padding: 7.5rem 0 10.0rem;

  background-image: url(../images/discovery_bg.jpg);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  color: #ffffff;

}

.hDiscovery .hText {

  line-height: 1.6667;

  position: relative;

  padding-top: 2.125rem;

  padding-bottom: 2.125rem;

  margin-bottom: 1.5rem;

}

.hDiscovery .hText::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  height: 1px;

  width: 100%;

  background: linear-gradient(to right,rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.3),transparent,transparent);

}

.hDiscovery .list {

  position: relative;

}

.hDiscovery .list li {

  padding-top: 1.25rem;

  padding-bottom: 1.25rem;

}

.hDiscovery .list li+li {

  padding-left: 2.125rem;

  margin-left: 2.875rem;

  position: relative;

}

.hDiscovery .list li+li::after {

  content: '';

  position: absolute;

  top: 50%;

  width: 1px;

  left: 0;

  margin-top: -3.5625rem;

  height: 7.125rem;

  background-color: rgba(255, 255, 255, 0.2);

}

.hDiscovery .list li .img {

  width: 4.75rem;

  margin-right: 1.875rem;

}

.hDiscovery .list li .con {}

.hDiscovery .list li .con .title {

  padding-bottom: 0.75rem;

  font-size: 1.625rem;

}

.hDiscovery .list li .con .text {

  font-size: 1.0rem;

  font-weight: 200;

}



.hProduct {

  position: relative;

  padding: 7.5rem 0;

  background-image: url(../images/hProductBg.jpg);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}

.hProduct .con {

  width: 33%;

}

.hProduct .img {

  width: 48.50%;

  overflow: hidden;

  border-radius: 5.625rem 0 5.625rem 0;

}

.hProduct .con .hleble {

  font-size: 1.875rem;

  font-weight: 200;

  color: #0051a2;

  padding: 1.875rem 0 1.25rem;

}

.hProduct .con .text {

  line-height: 1.8889;

  padding-bottom: 2.25rem;

}

.hProduct .con .more a {

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #0051a2;

  font-size: 1.125rem;

  border-radius: 6.25rem;

  color: #ffffff;

  width: 11.25rem;

  height: 3.625rem;

  line-height: 3.625rem;

  text-align: center;

}

.hProduct .con .more a span {

  display: block;

  padding-right: 0.625rem;

}

.hProduct .con .more a img {

  display: block;

  width: 1.25rem;

  position: relative;

  top: 2px;

}

.hNews {

  padding: 6.25rem 0;

  background-color: #eef4fc;

  background-image: url(../images/hNewsBg.jpg);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}

.hNewsList {

  padding-top: 1.25rem;

  padding-bottom: 5.625rem;

}

.hNewsList li.swiper-slide {

  width: 100%;

}

.hNewsList li.swiper-slide .box {

  display: block;

}

.hNewsList li.swiper-slide .box .img {

  overflow: hidden;

  position: relative;

}

.hNewsList li.swiper-slide .box .img img {

  -webkit-transform: scale(1);

     -moz-transform: scale(1);

      -ms-transform: scale(1);

       -o-transform: scale(1);

          transform: scale(1);

  -webkit-transition: all .4s ease;

     -moz-transition: all .4s ease;

      -ms-transition: all .4s ease;

       -o-transition: all .4s ease;

          transition: all .4s ease;

}

.hNewsList li.swiper-slide .box .text {

  padding: 0.625rem 7.3170%;

  position: relative;

  background-color: #ffffff;

  margin: -1.5625rem 0.4375rem;

  z-index: 2;

  height: 15.625rem;

}

.hNewsList li.swiper-slide .box .text .time {

  color: #333333;

  padding: 1.0rem 0;

  position: relative;

  border-bottom: 1px solid #dddddd;

  margin-bottom: 0.75rem;

}

.hNewsList li.swiper-slide .box .text .time span {

  position: relative;

  padding-right: 0.75rem;

  margin-right: 0.75rem;

}

.hNewsList li.swiper-slide .box .text .time span::after {

  content: '';

  position: absolute;

  width: 1px;

  height: 1.0rem;

  top: 50%;

  right: 0;

  margin-top: -0.5rem;

  background-color: #cccccc;

}

.hNewsList li.swiper-slide .box .text .time .icon {

  position: absolute;

  top: 50%;

  right: -6px;

  margin-top: -10px;

  width: 20px;

  height: 20px;

}

.hNewsList li.swiper-slide .box .text .title {

  font-size: 1.375rem;

  line-height: 1.82;

  overflow: hidden;

  text-overflow: ellipsis;

  display:-webkit-box;

  -webkit-box-orient:vertical;

  -webkit-line-clamp: 3;

}

.hNewsList li.swiper-slide .box:hover .img img {

  -webkit-transform: scale(1.12);

     -moz-transform: scale(1.12);

      -ms-transform: scale(1.12);

       -o-transform: scale(1.12);

          transform: scale(1.12);

}

.hNewsList li.swiper-slide .box:hover .text .title {

  color: #0051a2;

}

.hNewsList .swiper-pagination {

  bottom: 7px;

  font-size: 0;

}

.hNewsList .swiper-pagination .swiper-pagination-bullet {

  width: 0.6875rem;

  height: 0.6875rem;

  background-color: #0051a2;

  opacity: 1;

  margin: 0 1.375rem 0 0;

  position: relative;

}

.hNewsList .swiper-pagination .swiper-pagination-bullet-active::after {

  content: '';

  position: absolute;

  top: 50%;

  left: 50%;

  width: 1.5625rem;

  height: 1.5625rem;

  border: 1px solid #0051a2;

  border-radius: 100%;

  margin-left: -0.78125rem;

  margin-top: -0.78125rem;

}

/*内页banner*/

#wBanner {

  overflow: hidden;

  position: relative;

}

#wBanner .img {

  position: relative;

}

#wBanner .title {

  font-size: 2.375rem;

  font-weight: 600;

  color: #ffffff;

  line-height: 1;

  padding: 15.0rem 0 7.5rem;

}

/*导航*/

#sideNav {

  position: relative;

}

#sideNav .sideNavBox {

  position: relative;

  width: 100%;

  z-index: 10;

  background-color: #0051a2;

}

#sideNav .sideNavBox li {

  position: relative;

  width: 100%;

}

#sideNav .sideNavBox li::after {

  content: '';

  position: absolute;

  left: 0;

  top: 50%;

  width: 1px;

  background-color: rgba(255, 255, 255, 0.3);

  height: 1.125rem;

  margin-top: -0.5625rem;

}

#sideNav .sideNavBox li:last-child::before {

  content: '';

  position: absolute;

  right: 0;

  top: 50%;

  width: 1px;

  background-color: rgba(255, 255, 255, 0.3);

  height: 1.125rem;

  margin-top: -0.5625rem;

}

#sideNav .sideNavBox li a {

  display: block;

  position: relative;

  text-align: center;

  padding: 1.0rem 0.375rem;

  color: #ffffff;

  font-weight: 300;

}

#sideNav .sideNavBox li a span {

  position: relative;

}

#sideNav .sideNavBox li a span::after {

  content: '';

  position: absolute;

  width: 0;

  left: 0;

  bottom: -0.50rem;

  background-color: #ffffff;

  height: 1px;

  -webkit-transition: width .30s;

     -moz-transition: width .30s;

      -ms-transition: width .30s;

       -o-transition: width .30s;

          transition: width .30s;

}

#sideNav .sideNavBox li.active a span::after {

  width: 100%;

}

@media (min-width: 992px) {

  #sideNav .sideNavBox li:hover a span::after {

    width: 100%;

  }

}

/*内页开始*/

.w_title {

  font-size: 2.0rem;

  padding-bottom: 1.0rem;

  line-height: 1.33;

}

.w_title_fff {

  color: #ffffff;

}

.w_text {

  line-height: 2;

  font-weight: 300;

}

.w_text p+p {

  margin-top: 0.875rem;

}

/**/

.aboutUs {

  padding: 6.25rem 0;

}

.aboutUsHead {

  display: table;

  width: 100%;

} 

.aboutUsHead .w_title {

  width: 15.75rem;

  display: table-cell;

  vertical-align: top;

}

.aboutUsHead .w_text {

  padding-left: 3.125rem;

  position: relative;

  display: table-cell;

  vertical-align: top;

  min-height: 9.125rem;

}

.aboutUsHead .w_text::after,

.aboutUsHead .w_text::before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 2px;

  height: 50%;

  background-color: #0051a2;

}

.aboutUsHead .w_text::before {

  top: 50%;

  background-color: #bbbbbb;

}

.aboutUsText {

  background-image: url(../images/hNewsBg.jpg);

  background-color: #eef4fc;

  background-size: 100%;

  background-repeat: no-repeat;

  background-position: center bottom;

  position: relative;

  padding-bottom: 9.375rem;

}

.aboutUsText::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  background-color: #ffffff;

  height: 42vh;

  z-index: 1;

}

.aboutUsText .w_text {

  position: relative;

  z-index: 2;

}

.baseText {

  padding-bottom: 0;

  background-position: center 42vh;

  background-image: url(../images/baseBg.jpg);

}

.baseText .baseSwiper {

  margin-top: 6.25rem;

}

.baseSwiper {

  height: 60vh;

  margin-bottom: 14px;

}

.baseSwiper li.swiper-slide {

  width: 50%;

}

.baseSwiper .swiper-pagination {

  font-size: 0;

  bottom: 1.6875rem;

}

.baseSwiper .swiper-pagination .swiper-pagination-bullet {

  width: 0.6875rem;

  height: 0.6875rem;

  background-color: #f0f0f0;

  opacity: 1;

  margin: 0 1.375rem 0 0;

  position: relative;

}

.baseSwiper .swiper-pagination .swiper-pagination-bullet-active::after {

  content: '';

  position: absolute;

  top: 50%;

  left: 50%;

  width: 1.5625rem;

  height: 1.5625rem;

  border: 1px solid #f0f0f0;

  border-radius: 100%;

  margin-left: -0.78125rem;

  margin-top: -0.78125rem;

}



/*团队*/

.team {

  padding: 5.0rem 0 0.625rem;

}

.team_list li {

  margin-bottom: 0.375rem;
cursor: pointer;
  position: relative;
  padding-left: 0;
  padding-right: 0;

}

.team_list li .box {

  /*background-color: #eef4fc;*/

  position: relative;

  /*padding-top: 1.875rem;*/

}

.team_list li .box::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 1.875rem;

  background-color: #ffffff;

}

.team_list li .box .img {

  position: relative;

  width: 100%;
overflow: hidden;

  z-index: 1;
  border: 6px solid transparent;

}

.team_list li .box .text {

 
  width: 100%;
  text-align: center;
  position: absolute;

  bottom: 4%;

  z-index: 1;

}

.team_list li .box .text .title {

  font-size: 1.5625rem;

  font-weight: 200;
color: #fff;
  /*padding-top: 2.2rem;*/

  /*padding-bottom: 1.0rem;*/

}

.team_list li .box .text .position {

  /*padding-bottom: 1.5rem;*/

  /*margin-bottom: 1.75rem;*/

font-size: 0.9375rem;
color: #fff;
  position: relative;

}

/*.team_list li .box .text .position::after {*/

/*  content: '';*/

/*  position: absolute;*/

/*  bottom: 0;*/

/*  left: 0;*/

/*  width: 5.375rem;*/

/*  height: 1px;*/

/*  background-color: #0051a2;*/

/*}*/

.team_list li .box .text .education {

  font-size: 1.0rem;

  font-weight: 200;

  line-height: 1.75;

}

.team_list li .box .more {

  position: absolute;

  bottom: 1.875rem;

  right: 0;

  width: 8.0rem;

  height: 2.875rem;

  line-height: 2.875rem;

  cursor: pointer;

  background-color: #0051a2;

  color: #ffffff;

  font-size: 14px;

  text-align: center;

  z-index: 1;

}

.team_list li .box .more span {

  position: relative;

  padding-right: 1.625rem;

}

.team_list li .box .more span::after {

  content: '';

  position: absolute;

  top: 50%;

  right: 0;

  margin-top: -3px;

  border-top: 7px solid #ffffff;

  border-left: 7px solid transparent;

  border-right: 7px solid transparent;

  -webkit-transition: all .35s ease-in-out;

     -moz-transition: all .35s ease-in-out;

      -ms-transition: all .35s ease-in-out;

       -o-transition: all .35s ease-in-out;

          transition: all .35s ease-in-out;

}

.team_list li .box .more.active span::after {

  -webkit-transform: rotateX(180deg);

     -moz-transform: rotateX(180deg);

      -ms-transform: rotateX(180deg);

       -o-transform: rotateX(180deg);

          transform: rotateX(180deg);

}

.team_list li .up_con {

  line-height: 1.875;

  font-size: 1.0rem;

  padding-left: 37.1667%;

  padding-right: 3.8333%;

  font-weight: 300;

  text-align: justify;

  display: none;

}

.team_list li .up_con p {

  margin-top: 1.0rem;

}

/*荣誉*/

#honorBanner {

  background-image: url(../images/honorBg.jpg);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  position: relative;

  overflow: hidden;

}

.honorSwiper {

  width: 100%;

  height: 100%;

}

.honorSwiper .swiper-wrapper {

  transition-timing-function: linear;

}

.honorSwiper .swiper-slide {

  width: auto;

}



.honor {

  width: 100%;

  height: 100%;

  padding-right: 13.5416vw;

}

.honor .honorImg {

  width: 40.1042vw;

  height: 100%;

  margin-left: 29.9479vw;

  position: relative;

  margin-right: 13.0208vw;

  float: left;

  z-index: 10;

}

.honor .honorImg .honorImgI {

  animation:circleRoate 25s infinite linear;

  pointer-events: none;

}

@keyframes circleRoate{  

  from{transform: rotate(0deg);}  

  to{transform: rotate(360deg);}  

}  

.honor .honorImg .honorImgLogo {

  position: absolute;

  top: 50%;

  left: 50%;

  width: 23.8125vw;

  border-radius: 100%;

  overflow: hidden;

  pointer-events: none;

  -webkit-transform: translate(-50%,-50%);

     -moz-transform: translate(-50%,-50%);

      -ms-transform: translate(-50%,-50%);

       -o-transform: translate(-50%,-50%);

          transform: translate(-50%,-50%);

}

.honor .honorImg .honorImgLogo img {

  display: block;

  width: 100%;

}

.benefit-line {

  position: absolute;

  top: 50%;

  left: 69.0521vw;

  width: 100%;

  overflow: hidden;

  height: 3px;

  margin-top: -1.5px;

  background-color: #ffffff;

}

.honorList {

  height: 100%;

}

.honorItem {

  width: 20.83333vw;

  margin-left: 70px;

  margin-right: 4.6875vw;

  float: left;

  height: 100%;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  position: relative;

  cursor: pointer;

}

.honorItem .con .title {

  font-size: 1.125rem;

  width: 4.375rem;

  height: 4.375rem;

  line-height: 4.375rem;

  text-align: center;

  border-radius: 100%;

  color: #e4400d;

  font-weight: 600;

  letter-spacing: .5px;

  background: url(../images/honorItemIcon.png) no-repeat center;

  background-size: 100%;

  pointer-events: none;

  position: absolute;

  top: 50%;

  margin-top: -35px;

  left: -70px;

}

.honorItem .con .title::after {

  content: '';

  position: absolute;

  bottom: 100%;

  left: 50%;

  margin-left: -1px;

  width: 2px;

  height: 8.3333vw;

  background-color: #ffffff;

}

.honorItem .con .title::before {

  content: '';

  position: absolute;

  top: -8.3333vw;

  left: 50%;

  width: 0.625rem;

  height: 0.625rem;

  border-radius: 100%;

  margin-left: -0.3125rem;

  background-color: #ffffff;

}

.honorItem .con .text {

  color: #ffffff;

  font-weight: 300;

  line-height: 1.7778;

}

.honorItem .con {

  width: 100%;

  height: 50%;

  padding-bottom: 5.7vw;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

}

.honorItem .img {

  height: 50%;

  width: 100%;

  padding-top: 3.125vw;

  position: relative;

  overflow: hidden;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}

.honorItem .img .img_scale {

  cursor: pointer;

  position: relative;

  /*max-height: 32vh;*/

    height: 12rem;
    width: 20rem;
  overflow: hidden;
  opacity: 0;

}
/*.honorItem .img_on {*/
/*    height: 100%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/


.img_scale_click .img_scale_click_on {

  display: none;

}

.img_scale_click .img_scale_click_on:first-child {

  display: block;

}



.img_position {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: rgba(0, 0, 0, 0.7);

  z-index: 2;

  opacity: 0;

  pointer-events: none;

  -webkit-transition: all .30s ease-in-out;

     -moz-transition: all .30s ease-in-out;

      -ms-transition: all .30s ease-in-out;

       -o-transition: all .30s ease-in-out;

          transition: all .30s ease-in-out;

}

.img_position .icon {

  width: 3.0rem;

  height: 3.0rem;

  margin: 0 auto;

  border-radius: 100%;

  background-color: #ffffff;

  display: flex;

  align-items: center;

  justify-content: center;

}

.img_position .icon img {

  width: 20px;

  height: 20px;

}

.img_position .img_text {

  text-align: center;

  font-size: 1.0rem;

  color: #ffffff;

  padding-top: 0.75rem;

}

.honorItem:hover .img .img_scale .img_position {

  opacity: 1;

}

.honorItem.flip {

  -webkit-box-orient: vertical;

  -webkit-box-direction: reverse;

  -webkit-flex-direction: column-reverse;

  -ms-flex-direction: column-reverse;

  flex-direction: column-reverse;

}

.honorItem.flip .con {

  padding-top: 5.7vw;

  padding-bottom: 0;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}

.honorItem.flip .img {

  padding-bottom: 3.125vw;

  padding-top: 0;

  -webkit-box-pack: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

}

.honorItem.flip .con .title::after {

  top: 100%;

  bottom: initial;

}

.honorItem.flip .con .title::before {

  top: initial;

  bottom: -8.3333vw;

}

/*main CSS*/

#pictureViewer{

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  background-color: rgba(0,0,0,1);

  z-index: 10000;

}

#pictureViewer > .content{

  position: absolute;

  width: 81.98vw;

  height: 77.78vh;

  margin: auto;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}

#pictureViewer .menu-bar {

  width: 100%;

  position: fixed;

  top: 1.25rem;

  left: 0;

  right: 0;

  z-index: 10;

  padding: 0 1.875rem;

}

#pictureViewer .menu-bar .handel {

  width: 44px;

  height: 44px;

  float: right;

  cursor: pointer;

  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==) 0 0 no-repeat;

  opacity: .75;

  transition: opacity .2s;

}

#pictureViewer .menu-bar .handel:hover {

  opacity: 1;

}

#pictureViewer .menu-bar .handel.maximization {

  background-position: 0 0;

}

#pictureViewer .menu-bar .handel.miniaturization {

  background-position: -44px 0;

}

#pictureViewer .menu-bar .handel.close-view {

  background-position: 0 -44px;

}

#pictureViewer .handel-prev,

#pictureViewer .handel-next {

  display: block;

  width: 54px;

  height: 54px;

  position: fixed;

  top: 50%;

  margin-top: -27px;

  border-radius: 100%;

  border: 1px solid rgba(255, 255, 255, 0.3);

  cursor: pointer;

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  -ms-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

  z-index: 2;

}

#pictureViewer .handel-prev {

  left: 20px;

}

#pictureViewer .handel-next {

  right: 20px;

}

#pictureViewer .handel-prev::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-size: 1.25rem;

  background-image: url(../images/moreIcon.svg);

  background-repeat: no-repeat;

  background-position: center;

  -webkit-transform: rotateY(180deg);

     -moz-transform: rotateY(180deg);

      -ms-transform: rotateY(180deg);

       -o-transform: rotateY(180deg);

          transform: rotateY(180deg);

}

#pictureViewer .handel-prev::before {

  content: '';

  position: absolute;

  top: 50%;

  left: 47%;

  width: 3.25rem;

  height: 2px;

  margin-top: -1px;

  background-color: #ffffff;

  transition: all 200ms;

}

#pictureViewer .handel-next::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-size: 1.25rem;

  background-image: url(../images/moreIcon.svg);

  background-repeat: no-repeat;

  background-position: center;

}

#pictureViewer .handel-next::before {

  content: '';

  position: absolute;

  top: 50%;

  right: 47%;

  width: 3.25rem;

  height: 2px;

  margin-top: -1px;

  background-color: #ffffff;

  transition: all 200ms;

}

#pictureViewer .handel-prev:hover::before {

  left: 20%;

}

#pictureViewer .handel-next:hover::before {

  right: 20%;

}

#pictureViewer .picture-content {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    margin: 0 auto;

    left: 0;

    right: 0;

}

#pictureViewer .picture-content .cover{

    position: absolute;

    margin: auto;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

}

#pictureViewer .counter{

    position: absolute;

    bottom: 0;

    height: 40px;

    line-height: 40px;

    width: 100%;

    text-align: center;

    color: #808080;

    font-size: 13px;

    display: none;

}

#pictureViewer .hide{

    display: none;

}

#pictureViewer .left{

    float: left;

}

#pictureViewer .right{

    float: right;

}

#pictureViewer .clear-flex {

    clear: both;

}

#pictureViewer img{

    max-width: 100%;

    max-height: 100%;

}

/**/

.visionHeading {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  padding: 0 4.16667%;

}

.visionHeading .box {

  background-color: #ffffff;

  border-radius: 0 0 6.75rem 0;

  display: inline-block;

  padding: 3.125rem 5.0rem 4.375rem 1.875rem;

}

.visionHeading .box .vLable {

  font-size: 1.75rem;

  color: #787878;

  padding-bottom: 1.0rem;

}

.visionHeading .box .vTitle {

  font-size: 2.625rem;

  color: #2c2c2c;

  font-weight: 600;

  line-height: 1.375;

}

/**/

.technology {

  padding-top: 6.25rem;

}

.technology .list li {

  margin-bottom: 5.0rem;

  display: table;

  width: 100%;

  vertical-align: top;

}

.technology .list li .title {

  display: table-cell;

  font-size: 1.375rem;

  line-height: 1.5;

  position: relative;

  width: 18.75rem;

  padding-right: 5.0rem;

}

.technology .list li .titleBox::after {

  content: '';

  position: absolute;

  top: -0.75rem;

  left: 0;

  width: 1.875rem;

  height: 2px;

  background-color: #0051a2;

}

.technology .list li .titleBox {

  position: sticky;

  position: -webkit-sticky;

  left: 0;

  top: 3.125rem;

}

.technology .list li .text {

  display: table-cell;

  line-height: 1.88;

  font-weight: 300;

}

.imgFooter {

  position: relative;

  overflow: hidden;

}

.imgFooter::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: #ffffff;

  -webkit-transition: top 1s cubic-bezier(.26,.82,.79,.36) .9s;

     -moz-transition: top 1s cubic-bezier(.26,.82,.79,.36) .9s;

      -ms-transition: top 1s cubic-bezier(.26,.82,.79,.36) .9s;

       -o-transition: top 1s cubic-bezier(.26,.82,.79,.36) .9s;

          transition: top 1s cubic-bezier(.26,.82,.79,.36) .9s;

}

.imgFooter.animated::after {

  top: -100%;

}

/**/

.pipelineHead {

  padding-top: 6.25rem;

  /*position: relative;*/

}

.pipelineHead::after {

  content: '';

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  height: 9.375rem;

  width: 100%;

  background-color: #eef4fc;

}

.pipelineHead .w_text {

  position: relative;

  z-index: 1;

}

.pipeline {

  background-color: #eef4fc;

  padding: 4.5rem 0 5.0rem;

  line-height: 1.88;

  font-weight: 300;

}

.pipeline h4 {

  font-size: 1.25rem;

  color: #0051a2;

  padding-bottom: 0.875rem;

}

.pipeline ul {

  margin-bottom: 1.0rem;

}

.pipeline ul>li {

  display: flex;

}

.pipeline ul>li>strong {

  word-break: keep-all;

}

/**/

.cooperation {

  padding-top: 6.25rem;

  padding-bottom: 5.0rem;

}

.cooperation .list {

  padding-top: 2.625rem;

  padding-left: 1px;

}

.cooperation .list li {

  border: 1px solid #e0e1e2;

  margin-left: -1px;

  margin-top: -1px;

}

.cooperation .list li .box {

  width: 100%;

  height: 14.75rem;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 5%;

}

/**/

.clinical {

  padding: 6.25rem 0 5.0rem;

}

.clinical .w_text strong {

  color: #0051a2; 

}

.clinical .w_text p+p {

  margin-top: 0;

}



.clinicalList {

  padding-top: 3.125rem;

}

.clinicalList .item+.item {

  margin-top: 2.8125rem;

}

.clinicalList .item .itemTitle {

  background-color: #ea8004;

  font-size: 1.25rem;

  color: #fff;

  line-height: 1.5;

  font-weight: 300;

  padding: 1.5625rem 8.75rem 1.5625rem 3.125rem;

  cursor: pointer;

  position: relative;

}

.clinicalList .item .itemTitle::after {

  content: '';

  position: absolute;

  top: 50%;

  right: 2.875rem;

  width: 26px;

  height: 26px;

  margin-top: -13px;

  background-image: url(../images/moreIcon.svg);

  background-repeat: no-repeat;

  background-size: 100%;

  background-position: center;

  -webkit-transform: rotate(90deg);

     -moz-transform: rotate(90deg);

      -ms-transform: rotate(90deg);

       -o-transform: rotate(90deg);

          transform: rotate(90deg);

}

.clinicalList .item.itemActive .itemTitle::after {

  -webkit-transform: rotate(270deg);

     -moz-transform: rotate(270deg);

      -ms-transform: rotate(270deg);

       -o-transform: rotate(270deg);

          transform: rotate(270deg);

}

.clinicalList .item .itemCon {

  display: none;

}

.clinicalList .item.itemActive .itemCon {

  display: block;

}

.clinicalList .item .itemCon .text {

  font-weight: 300;

  line-height: 1.66;

  padding: 2.0rem 8.75rem 1.5625rem 3.125rem;

}

.clinicalList .item .itemCon .clinicalTest {

  background-color: #eef4fc;

  padding: 2.625rem 3.125rem 3.125rem;

}

.clinicalList .item .itemCon .clinicalTest .cTitle {

  font-size: 1.25rem;

  padding-bottom: 1.375rem;

  border-bottom: 2px solid #ffffff;

}

.testAccordion .testCard {

  border-bottom: 2px solid #ffffff;

}

.testAccordion .testCard .testCardHeader {

  font-size: 1.125rem;

  padding: 1.0rem 1.875rem 1.0rem 0;

  position: relative;

  cursor: pointer;

  -webkit-transition: padding-left .35s ease;

     -moz-transition: padding-left .35s ease;

      -ms-transition: padding-left .35s ease;

       -o-transition: padding-left .35s ease;

          transition: padding-left .35s ease;

}

.testAccordion .testCard .testCardHeader::after {

  content: '';

  position: absolute;

  top: 50%;

  left: 0;

  margin-top: -1px;

  height: 2px;

  width: 0;

  background-color: #0051a2;

  -webkit-transition: width .35s ease;

     -moz-transition: width .35s ease;

      -ms-transition: width .35s ease;

       -o-transition: width .35s ease;

          transition: width .35s ease;

}

.testAccordion .testCard .testCardHeader .icon {

  position: absolute;

  top: 50%;

  right: 0;

  width: 28px;

  height: 28px;

  margin-top: -14px;

  border: 1px solid #0051a2;

  border-radius: 100%;

  cursor: pointer;

  overflow: hidden;

}

.testAccordion .testCard .testCardHeader .icon::after {

  content: '';

  position: absolute;

  top: 50%;

  left: 50%;

  width: 1px;

  height: 11px;

  background-color: #0051a2;

  margin-top: -5px;

  transition: all 200ms;

}

.testAccordion .testCard .testCardHeader .icon::before {

  content: '';

  position: absolute;

  top: 50%;

  left: 50%;

  width: 11px;

  height: 1px;

  background-color: #0051a2;

  margin-left: -5px;

  transition: all 200ms;

}

.testAccordion .testCard.testCardActive .testCardHeader {

  padding-left: 3.5rem;

}

.testAccordion .testCard.testCardActive .testCardHeader::after {

  width: 2.375rem;

}

.testAccordion .testCard.testCardActive .testCardHeader .icon {

  background-color: #0051a2;

}

.testAccordion .testCard.testCardActive .testCardHeader .icon::after {

  display: none;

}

.testAccordion .testCard.testCardActive .testCardHeader .icon::before {

  background-color: #ffffff;

}

.testAccordion .testCard .testCardBody {

  background-color: #ffffff;

  line-height: 2.125;

  font-weight: 300;

  font-size: 1.0rem;

  color: #555555;

  padding: 1.25rem 4.375rem 1.25rem 1.875rem;

  display: none;

  overflow: hidden;

  overflow-x: auto;

}

.testAccordion .testCard.testCardActive .testCardBody {

  display: block;

}

.testAccordion .testCard .testCardBody ul>li {

  position: relative;

  padding-left: 1.75rem;

}

.testAccordion .testCard .testCardBody ul>li::after {

  content: '';

  position: absolute;

  top: 0.9375rem;

  left: 0;

  width: 0.375rem;

  height: 0.375rem;

  border-radius: 100%;

  background-color: #0051a2;

}

/*产品*/

.product {

  padding: 5.0rem 0 2.1875rem;

}

.productList {}

.productList li {

  margin-bottom: 2.8125rem;

}

.productList li .box {

  display: block;

  background-color: #ffffff;

  border: 3px solid #eef4fc;

  padding: 3.6458vw 2.25rem;

  position: relative;

  transition: all 200ms;

}

.productList li .box::after {

  content: '';

  position: absolute;

  top: 3.6458vw;

  bottom: 3.6458vw;

  right: 9.25rem;

  width: 3px;

  background-color: #eef4fc;

}

.productList li .box .img {

  width: 30.1418%;

}

.productList li .box .text {

  width: 64.1844%;

  padding-right: 21%;

}

.productList li .box .text .plable {

  font-size: 1.25rem;

  color: #0051a2;

  font-weight: 300;

}

.productList li .box .text .ptitle {

  font-size: 1.75rem;

  color: #111111;

  padding-top: 5px;

  padding-bottom: 5px;

}

.productList li .box .text .pml {

  color: #666666;

  padding-bottom: 0.625rem;

  font-weight: 300;

}

.productList li .box .text .pd {

  font-size: 1.0rem;

  line-height: 1.75;

  font-weight: 300;

}

.productList li .box .more {

  position: absolute;

  top: 50%;

  right: 2.25rem;

  margin-top: -2.1875rem;

  width: 4.375rem;

  height: 4.375rem;

  border-radius: 100%;

  background-color: #eef4fc;

  transition: all 200ms;

}

.productList li .box .more .moreIcon {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background-image: url(../images/moreIcon2.svg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 2.0rem;

  transition: all 200ms;

}

.productList li .box:hover {

  border-color: #ffffff;

  box-shadow: 0 0 2.5rem rgba(0, 111, 221, 0.1);

}

.productList li .box:hover .more {

  background-color: #0051a2;

}

.productList li .box:hover .more .moreIcon {

  background-image: url(../images/moreIcon.svg);

}

/*产品详情*/

.productDHead {

  padding-top: 9.375rem;

}

.productDHead::after {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 39.5933vw;

  height: 38.125rem;

  background-image: url(../images/productBorder.png);

  background-position: left center;

  background-repeat: no-repeat;

  background-size: 39.5933vw auto;

  pointer-events: none;

}

.productDContainer {

  padding-left: 10.9375%;

  padding-right: 10.9375%;

  position: relative;

  z-index: 1;

}

.productDContainer::before {

  content: '';

  position: absolute;

  bottom: 0;

  height: 8.125rem;

  left: 0;

  width: 100%;

  background-color: #0051a2;

}

.productDContainer .img {

  width: 54%;

}

.productDImgSwiper {

  padding-bottom: 2.0rem;

}

.productDImgSwiper .swiper-pagination {

  bottom: 0;

  font-size: 0;

}

.productDImgSwiper .swiper-pagination .swiper-pagination-bullet {

  width: 0.75rem;

  height: 0.75rem;

  background-color: #ffffff;

  opacity: 0.4;

  margin: 0 0.5rem;

}

.productDImgSwiper .swiper-pagination .swiper-pagination-bullet-active {

  opacity: 1;

}

.productDContainer .con {

  width: 46%;

  padding-top: 2.625rem;

  padding-left: 4.6667%;

  padding-right: 10%;

  position: relative;

  z-index: 2;

}

.productDContainer .con .plable {

  font-size: 1.5rem;

  color: #0051a2;

  font-weight: 300;

  position: relative;

  padding-left: 5.375rem;

}

.productDContainer .con .plable::after {

  content: '';

  position: absolute;

  top: 50%;

  left: 0;

  width: 4.0625rem;

  height: 1px;

  background-color: #0051a2;

}

.productDContainer .con .ptitle {

  font-size: 2.375rem;

  color: #111111;

  font-weight: 500;

  padding-top: 0.75rem;

  padding-bottom: 0.625rem;

}

.productDContainer .con .pml {

  color: #666666;

  font-size: 1.25rem;

  padding-bottom: 1.875rem;

  font-weight: 300;

}

.productDContainer .con .pd {

  font-size: 1.0rem;

  line-height: 1.75;

  font-weight: 300;

  /*overflow: hidden;*/

  /*text-overflow: ellipsis;*/

  /*display: -webkit-box;*/

  /*-webkit-box-orient: vertical;*/

  /*-webkit-line-clamp: 2;*/

}

.productDContainer .con .more {

  margin-top: 10.0rem;

}

.productDContainer .con .more .moreText {

  color: #ffffff;

  padding-bottom: 6px;

  cursor: pointer;

  border-bottom: 1px solid #ffffff;

  display: inline-block;

  position: relative;

}

.productDContainer .con .more .moreText::after {

  content: '';

  position: absolute;

  bottom: -30px;

  left: 50%;

  margin-left: -12px;

  border-left: 12px solid transparent;

  border-right: 12px solid transparent;

  border-bottom: 18px solid #ffffff;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all .35s;

     -moz-transition: all .35s;

      -ms-transition: all .35s;

       -o-transition: all .35s;

          transition: all .35s;

}

.productDContainer .con .more .moreText.active::after {

  opacity: 1;

  visibility: visible;

}

.productDMode {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all .35s;

     -moz-transition: all .35s;

      -ms-transition: all .35s;

       -o-transition: all .35s;

          transition: all .35s;

}

.productDMode.active {

  opacity: 1;

  visibility: visible;

}

.productDMode .productDModeBox {

  background-color: #ffffff;

  padding: 2.25rem 2.5rem;

  font-weight: 300;

  box-shadow: 0 0 1.875rem rgba(8, 38, 69, 0.3);

}

.productDModeLeft {

  width: 75%;

}

.productDModeRight .link {

  border: 1px solid #0051a2;

  display: block;

  width: 5.625rem;

  height: 35px;

  line-height: 33px;

  text-align: center;

  color: #0051a2;

  cursor: pointer;

  margin-left: 0.625rem;

}

.productDModeRight a.link {

  background-color: #0051a2;

  color: #ffffff;

}



.productDTab {

  padding-top: 4.125rem;

  background-color: #0051a2;

  border-bottom: 0.375rem solid #54c4f0;

}

.productDTab ul>li {

  color: #ffffff;

  font-size: 1.375rem;

  margin-right: 3.125rem;

  padding-right: 3.125rem;

  position: relative;

}

.productDTab ul>li span {

  display: block;

  padding-top: 1.25rem;

  padding-bottom: 1.25rem;

  cursor: pointer;

  position: relative;

}

.productDTab ul>li::after {

  content: '';

  position: absolute;

  top: 50%;

  right: 0;

  width: 2px;

  height: 1.25rem;

  margin-top: -0.625rem;

  background-color: #ffffff;

}

.productDTab ul>li:last-child::after {

  display: none;

}

.productDTab ul>li span::after {

  content: '';

  content: '';

  position: absolute;

  bottom: -0.375rem;

  left: 50%;

  opacity: 0;

  margin-left: -0.5625rem;

  border-right: 0.5625rem solid transparent;

  border-left: 0.5625rem solid transparent;

  border-bottom: 0.5625rem solid #54c4f0;

  -webkit-transition: all .35s;

     -moz-transition: all .35s;

      -ms-transition: all .35s;

       -o-transition: all .35s;

          transition: all .35s;

}

.productDTab ul>li.active span::after {

  bottom: 0;

  opacity: 1;

}

.productDMain {

  padding: 4.375rem 0 6.25rem;

}

.productDMain .productDList {

  display: none;

  line-height: 1.8;

  font-weight: 300;

}

.productDMain .productDList.active {

  display: block;

}

.productDMain .productDList ul>li {

  margin-bottom: 2.25rem;

  position: relative;

  font-size: 1.25rem;

  padding-left: 1.875rem;

}

.productDMain .productDList ul>li::after {

  content: '';

  position: absolute;

  top: 0.8125rem;

  left: 0;

  width: 0.625rem;

  height: 0.625rem;

  border-radius: 100%;

  background-color: #0051a2;

}

.productDMain .productDList ol>li {

  color: #333;

  font-size: 1.0rem;

  margin-top: 0.375rem;

  padding-left: 1.125rem;

  position: relative;

}

.productDMain .productDList ol>li::after {

  content: '';

  position: absolute;

  top: 0.875rem;

  left: 0;

  width: 0.625rem;

  height: 1px;

  background-color: #999999;

}

.productBody .product {

  background-color: #eef4fc;

  padding-top: 3.125rem;

}

.productBody .product .productNext {

  font-size: 1.25rem;

  line-height: 1;

  padding-bottom: 1.25rem;

}

/*分页*/

.pagination {

  padding: 0;

}

.pagination .page-item {

  margin: 0 0.375rem;

  height: 3.125rem;

  line-height: 3.125rem;

}

.pagination .page-item .page-link {

  font-size: 1.125rem;

  color: #333333;

  padding: 0;

  overflow: hidden;

  position: relative;

  background: rgba(0, 0, 0, 0.0);

  width: 3.125rem;

  height: 3.125rem;

  border: 1px solid #cccccc;

  line-height: 3.0rem;

  text-align: center;

  border-radius: 100%;

}

.pagination .page-item.active .page-link {

  color: #ffffff;

  background: #0051a2;

  border-color: #0051a2;

}

.pagination .page-item.active .page-link::after {

  background-color: #0051a2;

}

.pagination .page-item:first-child .page-link,

.pagination .page-item:last-child .page-link {

  text-indent: -999px;

}

.pagination .page-item:first-child .page-link::before,

.pagination .page-item:last-child .page-link::before {

  content: '';

  position: absolute;

  top: 50%;

  height: 0.75rem;

  width: 0.75rem;

  margin-top: -0.375rem;

  border-left: 2px solid #333333;

  border-top: 2px solid #333333;

  -webkit-transition: all .20s ease;

     -moz-transition: all .20s ease;

      -ms-transition: all .20s ease;

       -o-transition: all .20s ease;

          transition: all .20s ease;

}

.pagination .page-item:first-child .page-link::before {

  right: 50%;

  margin-right: -0.5rem;

  -webkit-transform: rotate(-45deg);

     -moz-transform: rotate(-45deg);

      -ms-transform: rotate(-45deg);

       -o-transform: rotate(-45deg);

          transform: rotate(-45deg);

}

.pagination .page-item:last-child .page-link::before {

  left: 50%;

  margin-left: -0.5rem;

  -webkit-transform: rotate(135deg);

     -moz-transform: rotate(135deg);

      -ms-transform: rotate(135deg);

       -o-transform: rotate(135deg);

          transform: rotate(135deg);

}

.pagenav a,

.pagenav span {

  margin: 0 0.375rem;

  font-size: 1.125rem;

  color: #333333;

  padding: 0;

  overflow: hidden;

  position: relative;

  background: rgba(0, 0, 0, 0.0);

  width: 3.125rem;

  height: 3.125rem;

  border: 1px solid #cccccc;

  line-height: 3.0rem;

  text-align: center;

  border-radius: 100%;

  display: block;

}

.pagenav .current {

  color: #ffffff;

  background: #0051a2;

  border-color: #0051a2;

}

.bg_cover {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}

/*新闻资讯*/

.form-control:focus, .form-control:hover, .btn:focus, .btn:hover {

    outline: none;

    box-shadow: none;

}

.web_screen {

  position: relative;

  margin-bottom: 1.875rem;

}

.web_screen .web_screen_form {

  position: relative;

  width: 6.875rem;

}

.web_screen .web_screen_form:hover .web_screen_ul {

  opacity: 1;

  visibility: visible;

}

.web_screen .web_screen_ul {

  position: absolute;

  top: calc(100% - 1px);

  left: 0;

  width: 100%;

  z-index: 10;

  background-color: #0068b7;

  opacity: 0;

  padding: 0 0.625rem;

  visibility: hidden;

  -webkit-transition: all .35s ease;

     -moz-transition: all .35s ease;

      -ms-transition: all .35s ease;

       -o-transition: all .35s ease;

          transition: all .35s ease;

}

.web_screen .web_screen_ul li {

  position: relative;

}

.web_screen .web_screen_ul li+li {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

}

.web_screen .web_screen_ul li a {

  display: block;

  height: 2.25rem;

  color: #ffffff;

  font-size: 1.0rem;

  line-height: 2.25rem;

}

.web_screen .web_screen_ul_title {

  height: 2.5rem;

  line-height: 2.5rem;

  padding-right: 1.25rem;

  font-size: 1.25rem;

  border-bottom: 1px solid #333333;

  cursor: pointer;

}

.web_screen .web_screen_ul_title::after {

  content: '';

  position: absolute;

  top: 50%;

  right: 0;

  margin-top: -0.1875rem;

  border-left: 0.4375rem solid transparent;

  border-right: 0.4375rem solid transparent;

  border-top: 0.4375rem solid #999999;

}

.web_search .web_search_form {

  margin-left: 1.25rem;

  position: relative;

  width: 18.125rem;

}

.web_search .web_search_form input.form-control {

  border-radius: 0;

  border: none;

  font-size: 1.25rem;

  padding: 0 2.5rem 0 0.625rem;

  height: 2.5rem;

  font-weight: 200;

  border-bottom: 1px solid #333333;

}

.web_search .web_search_form input.form-control::placeholder {

  color: #999;

}

.web_search .web_search_form .btn {

  position: absolute;

  top: 50%;

  right: 0.75rem;

  padding: 0;

  width: 1.375rem;

  height: 1.375rem;

  display: block;

  margin-top: -0.6875rem;

  background-image: url(../images/searchIcon.svg);

  background-size: 1.375rem auto;

  background-position: center;

  background-repeat: no-repeat;

}

/**/

.news {

  padding-top: 4.375rem;

  padding-bottom: 5.625rem;

  overflow: hidden;

}

.newsList {

  padding-bottom: 3.125rem;

}

.newsList li {

  position: relative;

}

.newsList li .box {

  padding: 3.125rem 0;

  border-bottom: 1px solid #dddddd;

  position: relative;

}

.newsList li .box .img {

  width: 21.6667%;

  position: relative;

  z-index: 2;

  overflow: hidden;

}

.newsList li .box .img::after {

  content: '';

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  border: 3px solid #ffffff;

  opacity: 0;

  -webkit-transition: all .35s ease;

     -moz-transition: all .35s ease;

      -ms-transition: all .35s ease;

       -o-transition: all .35s ease;

          transition: all .35s ease;

}

.newsList li .box .img .img_scale {

  -webkit-transform: scale(1);

     -moz-transform: scale(1);

      -ms-transform: scale(1);

       -o-transform: scale(1);

          transform: scale(1);

  -webkit-transition: all .4s ease;

     -moz-transition: all .4s ease;

      -ms-transition: all .4s ease;

       -o-transition: all .4s ease;

          transition: all .4s ease;

}

.newsList li .box .text {

  position: relative;

  width: 75%;

  padding-right: 17%;

  z-index: 2;

}

.newsList li .box .text .ntime {

  color: #333333;

}

.newsList li .box .text .ntitle {

  font-size: 1.5rem;

  line-height: 1.38;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

  margin: 0.625rem 0 1.0rem;

}

.newsList li .box .text .nd {

  line-height: 2;

  font-weight: 300;

  color: #666666;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1;

}

.newsList li .box .more {

  position: absolute;

  top: 50%;

  right: 0;

  margin-top: -2.1875rem;

  width: 4.375rem;

  height: 4.375rem;

  border-radius: 100%;

  background-color: #ffffff;

  transition: all 200ms;

  opacity: 0;

  z-index: 2;

}

.newsList li .box .more .moreIcon {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  background-image: url(../images/moreIcon2.svg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 2.0rem;

  transition: all 200ms;

}

.newsList li .box::after {

  content: '';

  position: absolute;

  top: 0;

  left: 50%;

  width: 100vw;

  height: 100%;

  margin-left: -50vw;

  background-color: #0051a2;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all .35s ease;

     -moz-transition: all .35s ease;

      -ms-transition: all .35s ease;

       -o-transition: all .35s ease;

          transition: all .35s ease;

}

.newsList li .box:hover::after {

  opacity: 1;

  visibility: visible;

}

.newsList li .box:hover .img::after {

  opacity: 1;

}

.newsList li .box:hover .img .img_scale {

  -webkit-transform: scale(1.12);

     -moz-transform: scale(1.12);

      -ms-transform: scale(1.12);

       -o-transform: scale(1.12);

          transform: scale(1.12);

}

.newsList li .box:hover .text .ntime,

.newsList li .box:hover .text .ntitle,

.newsList li .box:hover .text .nd {

  color: #ffffff;

}

.newsList li .box:hover .more {

  opacity: 1;

}

/**/

#newsD {

  padding: 0 0 3.75rem;

  position: relative;

}

#newsD .newsDHead {

  width: 100%;

  padding-top: 5.0rem;

  background-color: #eef4fc;

}

#newsD .w_container {

  position: relative;

  z-index: 2;

}

#newsD .title {

  font-size: 2.0rem;

  padding-bottom: 1.25rem;

}

#newsD .img {

  display: block;

}

#newsD .source {

  border-bottom: 1px solid #111;

  font-size: 1.0625rem;

  padding-bottom: 0.75rem;

}

#newsD .newsDMain {

  position: relative;

  padding-top: 3.125rem;

}

#newsD .newsDMain .mainLeft {

  width: 160px;

}

#newsD .newsDMain .mainRight {

  width: 75%;

}

#newsD .time {

  text-align: center;

}

#newsD .time div {

  font-size: 1.5rem;

  color: #111111;

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  padding-bottom: 6px;

  width: 120px;

  margin: 0 auto;

}

#newsD .time span {

  font-size: 2.875rem;

  color: #0051a2;

  font-weight: 500;

  line-height: 1.3;

}

#newsD .share {

  position: relative;

  padding-top: 0.625rem;

}

#newsD .share .shareTitle {

  background-color: #eef4fc;

  height: 3.125rem;

  line-height: 3.125rem;

  text-align: center;

}

#newsD .share .shareTitle img {

  width: 1.25rem;

}

#newsD .share .bshare-custom {

  padding-top: 5px;

}

#newsD .share .bshare-custom a {

  border: 1px solid #bdbdbd;

  width: 3.125rem;

  height: 3.125rem;

  border-radius: 100%;

  background-repeat: no-repeat;

  background-position: center;

  padding: 0;

  margin: 0.625rem auto 0;

  display: block;

}

#newsD .share .bshare-custom .bshare-weixin {

  background-image: url(../images/wechatIcon.svg);

  background-size: 24px;

}

#newsD .share .bshare-custom .bshare-sinaminiblog {

  background-image: url(../images/weiboIcon.svg);

  background-size: 24px;

}

#newsD .share .bshare-custom .bshare-qqim {

  background-image: url(../images/qqIcon.svg);

  background-size: 20px;

}

#newsD .share .bshare-custom .bshare-clipboard {

  background-image: url(../images/urlIcon.svg);

  background-size: 20px;

}

.bsBox {

  box-sizing: content-box;

}

#newsD .text {

  line-height: 1.6667;

  padding-bottom: 3.75rem;

  font-weight: 300;

  text-align: justify;

}

#newsD .page {

  border-top: 2px solid #111111;

  position: relative;

  padding-top: 1.25rem;

}

#newsD .page::after {

  content: '';

  position: absolute;

  top: 1.25rem;

  left: 50%;

  width: 1px;

  height: 4.375rem;

  background-color: #dddddd;

}

#newsD .page .link {

  display: block;

}

#newsD .page .page_title {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  font-size: 1.125rem;

  color: #111111;

  padding-top: 0.625rem;

}

#newsD .page .page_text {

  font-size: 1.0rem;

  color: #0051a2;

  margin-top: 0.5rem;

}

#newsD .page .page_perv,

#newsD .page .page_next {

  width: 40%;

}

#newsD .page .page_perv {

  text-align: left;

}

#newsD .page .page_next {

  text-align: right;

}

#newsD .page .link:hover .page_title {

  color: #0051a2;

  text-decoration: underline;

}

/*职业发展*/

.cultureHead {

  padding-top: 1rem;

  position: relative;

}

.cultureHead .w_container {

  position: relative;

  z-index: 2;

}

.cultureHead::after {

  content: '';

  position: absolute;

  bottom: 0;

  height: 14vh;

  width: 100%;

  background-color: #eef4fc;

}

.cultureHead .list {

  padding: 3.75rem 0 2.5rem;

}

.cultureHead .list li {

  width: 12vw;

  height: 12vw;

  border-radius: 100%;

  background-color: #fffff1;

  border-width: 3px;

  border-style: solid;

  border-color: #8a5a00;

  font-size: 1.375rem;

  color: #8a5a00;

  position: relative;

  font-weight: 500;

}

.cultureHead .list li .box {

  width: 100%;

  height: 100%;

}

.cultureHead .list li .icon {

  width: 46px;

  height: 46px;

  margin: 0 auto 1rem;

}

.cultureHead .list li.bg02 {

  background-color: #edf8f3;

  border-color: #00725b;

  color: #00725b;

}

.cultureHead .list li.bg03 {

  background-color: #eff4ff;

  border-color: #2144aa;

  color: #2144aa;

}

.cultureHead .list li.bg04 {

  background-color: #fff6f2;

  border-color: #ff4e09;

  color: #ff4e09;

}

.cultureHead .list li.liIcon {

  width: 28px;

  height: 28px;

  border: none;

  background-color: rgba(0, 0, 0, 0.0);

  background-image: url(../images/jiaIcon2.svg);

  background-repeat: no-repeat;

  background-size: 28px;

}

.cultureHead .img {

  padding-top: 2.5rem;

}

.culture {

  background-color: #eef4fc;

  padding-top: 5.0rem;

}

.cultureText {

  padding-bottom: 6.875rem;

  display: table;

  width: 100%;

} 

.cultureText .w_title {

  width: 15.75rem;

  display: table-cell;

  vertical-align: top;

}

.cultureText .w_text {

  padding-left: 3.125rem;

  position: relative;

  display: table-cell;

  vertical-align: top;

  min-height: 9.125rem;

}

.cultureText .w_text h4 {

  font-size: 1.25rem;

  line-height: 1.6;

  padding-bottom: 0.45rem;

}

.cultureText .w_text p {

  padding-bottom: 0.875rem;

}

.cultureText .w_text::after,

.cultureText .w_text::before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 2px;

  height: 50%;

  background-color: #0051a2;

}

.cultureText .w_text::before {

  top: 50%;

  background-color: #bbbbbb;

}

.culture .baseSwiper li.swiper-slide {

  width: 62.50%;

}

/*招聘*/

.recruitHead .w_title {

  font-weight: 400;

}

.recruitHead::after {

  height: 20vh;

}

.recruitText {

  background-color: #eef4fc;

  padding: 5.0rem 0 3.75rem;

}

.recruitText ul.row {

  margin-left: -4.27vw;

  margin-right: -4.27vw;

  position: relative;

}

.recruitText ul.row::after {

  content: '';

  position: absolute;

  top: 0;

  left: 50%;

  bottom: 0;

  width: 1px;

  background-color: rgba(0, 0, 0, 0.1);

}

.recruitText ul.row li {

  padding-left: 4.27vw;

  padding-right: 4.27vw;

  margin-bottom: 2.5rem;

}

.recruitText ul.row li .text {

  padding-top: 1.625rem;

  line-height: 1.88;

  font-weight: 300;

}

/*搜索*/

.searchField {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 99;

  width: 100%;

  overflow: hidden;

  display: none;

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  background: #fff;

}

.searchField_form {

  position: relative;

}

.searchField_form .icon {

  position: absolute;

  top: 0;

  left: 0;

  width: 3.5rem;

  height: 5.0rem;

  line-height: 5.0rem;

}

.searchField_form .icon img {

  width: 1.625rem;

  height: 1.625rem;

}

.searchField_form .icon::after {

  content: '';

  position: absolute;

  top: 50%;

  right: 0;

  width: 1px;

  height: 2.0rem;

  background-color: #d0d0d0;

  margin-top: -1.0rem;

}

.searchField_form .form-control {

  font-size: 1.25rem;

  border-radius: 0;

  height: 5.0rem;

  box-shadow: none;

  border: 0;

  color: #111111;

  padding: 0 7.5rem 0 5.375rem;

  font-weight: 300;

}

.searchField_form .btn {

  background-image: url(../images/icon27.svg);

  background-size: 1.375rem auto;

  background-position: right center;

  background-repeat: no-repeat;

  position: absolute;

  padding-right: 2.25rem;

  top: 0;

  right: 0;

  bottom: 0;

  font-size: 1.25rem;

  box-shadow: none;

  color: #111111;

}

/**/

.recruitment {

  padding: 4.375rem 0 5.0rem;

}

.recruitmentHead_form {

  padding-bottom: 2.5rem;

}

.recruitmentHead_form .w_title {

  padding-bottom: 0;

  line-height: 1;

}

.recruitmentHead_form .form-input {

  position: relative;

  width: 13.75rem;

}

.recruitmentHead_form .form-control {

  width: 100%;

  height: 2.5rem;

  border-radius: 0;

  font-size: 1.25rem;

  color: #111111;

  box-shadow: none;

  padding: 0 1.25rem 0 0;

  border: none;

  font-weight: 300;

  border-bottom: 1px solid #333333;

  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

}

.recruitmentHead_form .form-input::after {

  content: '';

  position: absolute;

  top: 50%;

  right: 0;

  margin-top: -0.1875rem;

  border-left: 0.4375rem solid transparent;

  border-right: 0.4375rem solid transparent;

  border-top: 0.4375rem solid #999999;

  pointer-events: none;

}

.accordionTable {

  display: -ms-flexbox;

  display: flex;

  width: 100%;

  padding: 0 1.875rem;

  background-color: #0051a2;

  color: #fff;

  font-size: 1.25rem;

  font-weight: 500;

  height: 4.375rem;

  line-height: 4.375rem;

}

.accordionTable .name,

.accordion .card-header .btn .name {

  width: 22.22%;

}

.accordionTable .department,

.accordion .card-header .btn .department {

  width: 22.22%;

}

.accordionTable .education,

.accordion .card-header .btn .education {

  width: 22.22%;

}

.accordionTable .major,

.accordion .card-header .btn .major {

  width: 22.22%;

}

.accordionTable .address,

.accordion .card-header .btn .address {

  width: 11.12%;

}

.accordion {

  margin-bottom: 2.5rem;

}

.accordion .card {

  border-radius: 0;

  border: none;

}

.accordion > .card > .card-header {

  margin-bottom: 0;

}

.accordion .card-header {

  padding: 0;

  border: none;

  border-radius: 0;

}

.accordion .card-header .btn {

  color: #111111;

  font-size: 1.125rem;

  background: #eef4fc;

  position: relative;

  text-align: left;

  padding: 1.25rem 1.875rem;

  width: 100%;

  border-radius: 0;

  border-top: 1px solid rgba(255, 255, 255, 0.0);

  display: -ms-flexbox !important;

  display: flex !important;

  font-weight: 300;

}

.accordion .card-header .btn .name {

  font-weight: 500;

}

.accordion .card-header .btn.collapsed {

  background: #ffffff;

  color: #111111;

}

.accordion .card+.card .card-header .btn.collapsed {

  border-top: 1px solid #d8d8d8;

}

.accordion .card:last-child .card-header .btn.collapsed {

  border-bottom: 1px solid #d8d8d8;

}

.accordion .card.active+.card .card-header .btn.collapsed {

  border-top: 1px solid rgba(255, 255, 255, 0.0);

}

.accordion .card-header .btn.collapsed .name {

  font-weight: 300;

}

.accordion .card-body {

  height: auto;

  padding: 0 1.875rem 3.125rem;

  color: #333333;

  line-height: 2.125;

  font-size: 1.0rem;

  background-color: #eef4fc;

  font-weight: 300;

}

.accordion .card-body .card-body-main {

  border-top: 2px solid #0051a2;

  padding-top: 1.625rem;

}

.accordion .card-body .con+.con {

  margin-top: 1.875rem;

}

.accordion .card-body h4 {

  position: relative;

  font-size: 1.125rem;

  margin-bottom: 0.5rem;

  font-weight: 300;

}

.sending {

  padding-top: 1.875rem;

}

.sending a {

  color: #ffffff;

  height: 2.625rem;

  line-height: 2.625rem;

  width: 8.125rem;

  font-size: 1.0rem;

  text-align: center;

  display: block;

  border-radius: 6.25rem;

  cursor: pointer;

  background-color: #0051a2;

}

.campus {

  position: relative;

}

.campus .provideSwiper {

  position: relative;

  width: 50%;

}

.campus .provideSwiper .swiper-pagination {

  text-align: right;

  font-size: 0;

  left: 0;

  bottom: 1.0625rem;

}

.campus .provideSwiper .swiper-pagination .swiper-pagination-bullet {

  width: 0.6875rem;

  height: 0.6875rem;

  background-color: #f0f0f0;

  opacity: 1;

  margin: 0 1.375rem 0 0;

  position: relative;

}

.campus .provideSwiper .swiper-pagination .swiper-pagination-bullet-active::after {

  content: '';

  position: absolute;

  top: 50%;

  left: 50%;

  width: 1.5625rem;

  height: 1.5625rem;

  border: 1px solid #f0f0f0;

  border-radius: 100%;

  margin-left: -0.78125rem;

  margin-top: -0.78125rem;

}

.campus .campusText {

  width: 50%;

  background-image: url(../images/campusBg.jpg);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 6.25rem 5.4167%;

}

.campus .campusText .w_title {

  color: #ffffff;

  padding-bottom: 1.875rem;

}

.campus .campusText .text_d {

  line-height: 1.6667;

  font-size: 1.875rem;

  color: #ffffff;

  font-weight: 200;

}

.recruitment_footer {

  padding: 5.0rem 0;

  text-align: center;

}

.recruitment_footer .w_text {

  color: #555555;

}

.recruitment_footer .w_text a {

  color: #0051a2;

  border-bottom: 1px solid #0051a2;

}

/**/

.regularDisclosure {

  padding-top: 5.625rem;

  padding-bottom: 2.5rem;

}

.disclosureTab {

  background-color: #0051a2;

  height: 3.75rem;

  line-height: 3.75rem;

  color: #ffffff;

  margin-top: 0.625rem;

  margin-bottom: 2.5rem;

  padding: 0 4.375rem;

  --swiper-navigation-size: 1.5rem;

}

.disclosureTab li.swiper-slide {

  width: 7.25rem;

  text-align: center;

  font-size: 1.25rem;

  font-weight: 300;

  cursor: pointer;

}

.disclosureTab li.swiper-slide.swiper-slide-active {

  background-color: #006cc0;

  font-weight: 500;

}

.disclosureTab .swiper-button-prev {

  left: 1.25rem;

}

.disclosureTab .swiper-button-next {

  right: 1.25rem;

}

.regularMain {}

.regularMain .regularList {

  display: none;

}

.regularMain .regularList.active {

  display: block;

}

.regularMain .regularList ul.row {

  margin-left: -2.0833vw;

  margin-right: -2.0833vw;

}

.regularMain .regularList ul.row li {

  padding-left: 2.0833vw;

  padding-right: 2.0833vw;

  margin-bottom: 2.5rem;

}

.regularMain .regularList ul.row li .box {

  display: block;

}

.regularMain .regularList ul.row li .img {

  position: relative;

  border: 0.375rem solid #eef4fc;

}

.regularMain .regularList ul.row li .title {

  padding-top: 0.75rem;

}



.temporaryDisclosure {

  padding: 4.375rem 0 5.0rem;

  background-color: #eef4fc;

}

.temporaryMain .temporaryList {

  display: none;

}

.temporaryMain .temporaryList.active {

  display: block;

}

.temporaryListBox {

  padding-bottom: 2.375rem;

}

.temporaryListBox ul.row {

  margin-left: -1.5625vw;

  margin-right: -1.5625vw;

}

.temporaryListBox ul.row li {

  padding-left: 1.5625vw;

  padding-right: 1.5625vw;

  margin-bottom: 0.75rem;

  position: relative;

}

.temporaryListBox ul.row li .box {

  display: block;

  padding: 1.0rem 0;

  border-bottom: 1px solid #999999;

  position: relative;

}

.temporaryListBox ul.row li .box .time {

  font-size: 1.0rem;

  color: #666666;

  font-weight: 300;

  padding-bottom: 0.5rem;

}

.temporaryListBox ul.row li .box .title {

  font-size: 1.125rem;

  color: #111111;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.temporaryListBox ul.row li .box .more {

  position: absolute;

  top: 50%;

  right: 0;

  margin-top: -1.25rem;

  width: 2.5rem;

  height: 2.5rem;

  border-radius: 100%;

  background-color: #ffffff;

  opacity: 0;

  -webkit-transition: all .35s;

     -moz-transition: all .35s;

      -ms-transition: all .35s;

       -o-transition: all .35s;

          transition: all .35s;

}

.temporaryListBox ul.row li .box .more img {

  width: 20px;

  height: 20px;

}

.temporaryListBox ul.row li .box:hover {

  border-color: #0051a2;

}

.temporaryListBox ul.row li .box:hover .title {

  color: #0051a2;

}

.temporaryListBox ul.row li .box:hover .more {

  opacity: 1;

}

/**/

.stockInformation {

  padding: 6.25rem 0 6.875rem;

}

.stockInformation .con {

  width: 56.6667%;

  position: relative;

  padding: 6.25rem 3.125rem 3.125rem;

}

.stockInformation .con::after {

  content: '';

  position: absolute;

  bottom: 1.25rem;

  left: 0;

  right: 0;

  height: 63%;

  background-color: #eef4fc;

}

.stockInformation .title {

  font-size: 1.375rem;

  position: relative;

  z-index: 1;

}

.stockInformation .sou {

  font-size: 4.375rem;

  font-weight: 200;

  color: #0051a2;

  line-height: 1.1;

  position: relative;

  z-index: 1;

  padding-top: 4.375rem;

}

.stockInformation .text {

  color: #0051a2;

  font-size: 1.625rem;

  line-height: 1.9;

  font-weight: 300;

  position: relative;

  z-index: 1;

}

.stockInformation .img {

  width: 43.3334%;

}

.interactiveMode {

  padding: 6.25rem 0 6.875rem;

}

.interactiveMode .box {

  background-image: url(../images/interactiveModeBg.jpg);

  padding: 9.2593vh 5%;

}

.interactiveMode .box .text {

  line-height: 1.4;

  font-size: 1.25rem;

  font-weight: 300;

  padding-top: 0.875rem;

}

.interactiveMode .box .text a {

  color: #0051a2;

  border-bottom: 1px solid #0051a2;

}

/*联系我们*/

.contactUs {

  padding-top: 6.25rem;

  padding-bottom: 1.25rem;

}

.contactTle {

  padding-top: 2.875rem;

  margin-bottom: 4.375rem;

  position: relative;

}

.contactTle .item {

  width: 52.3333%;

  height: 21.875rem;

  background-color: #eef4fc;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  text-align: center;

}

.contactTle .item .title {

  font-weight: 500;

  font-size: 2.375rem;

  line-height: 1.3;

  padding-bottom: 0.625rem;

}

.contactTle .item .mailbox {

  line-height: 1.3;

  font-weight: 500;

  font-size: 1.875rem;

  padding-top: 0.875rem;

  padding-bottom: 0.625rem;

}

.contactTle .item .mailbox a {

 color: inherit;

}

.contactTle .item .text {

  font-size: 1.25rem;

}

.contactTle .item1 {

  background-color: #eef4fc;

  background-image: url(../images/contactTle01.jpg);

  color: #0051a2;

  position: relative;

  z-index: 2;

}

.contactTle .item2 {

  background-color: #0051a2;

  background-image: url(../images/contactTle02.jpg);

  color: #ffffff;

  position: absolute;

  top: 0;

  right: 0;

}



.contactUs .list li {

  border-bottom: 3px solid #eeeeee;

  margin-bottom: 3.75rem;

  padding-bottom: 2.875rem;

}

.contactUs .list li .title {

  font-size: 1.625rem;

  padding-bottom: 1.0rem;

  color: #0051a2;

  font-weight: 500;

}

.contactUs .list li .map {

  height: 25.0rem;

  background-color: #f3f3f3;

}

.contactUs .list li .map iframe {

  display: block;

  width: 100%;

  height: 100%;

}

.contactUs .list li .text {

  line-height: 1.8;

  font-size: 1.125rem;

  font-weight: 300;

  padding-top: 2.0rem;

}

.accessStatement {

  padding: 6.25rem 0;

}

.BMap_Marker img {

  max-width: inherit;

}

/* 弹窗 */
.webModal .modalClose {
  position: absolute;
  top: 1rem;
  right: 3%;
  width: 2.25rem;
  height: 2.25rem;
  cursor: pointer;
  z-index: 10;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.webModal .modalClose img {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}

.webModal .modal-dialog {
  max-width: 65%;
}

.webModal .modal-content {
  position: relative;
  border: none;
  box-shadow: 0 0 3.12rem rgba(0, 0, 0, 0.3);
  /*border-radius: 30px;*/
}

#teamModal .modalMain {
  padding: 2rem 6.25rem;
}
#videoMp4{
    width: 100%;
    height: 100%;
}

.modalMainCon{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.modalMainCon  .box .img {
    position: relative;
    width: 37.1667%;
    padding-left: 3.8333%;
    padding-right: 5%;
    z-index: 1;
}

.modalMainCon .box .text {
    width: 62.8333%;
    position: relative;
    
    z-index: 1;
}
.modalMainCon .box .text .title {
    font-size: 1.5625rem;
    font-weight: 200;
    /*padding-top: 2.2rem;*/
    color: #000000;
    padding-bottom: 1rem;
}

.modalMainCon .box .text .position {
    padding-bottom: 1.5rem;
    margin-bottom: 1.75rem;
    font-size: 1.125rem;
    color: #8e8e8f;
    position: relative;
}
.modalMainCon .box .text .position::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 5.375rem;
    height: 1px;
    background-color: #0051a2;
}
.teambutton{
    display: flex;
    
    justify-content: center;
    padding-top: 2.5rem;
}
.teambutton span{
    display: inline-block;
    padding: 0.625rem 2.5rem;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    cursor: pointer;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    position: relative;
}
.teambutton span:first-child{
    padding-left: 3rem;
}
.teambutton span:last-child{
    padding-right: 3rem;
}
.teambutton span:before{
    content: "";
 position: absolute;
    top: 50%;
    height: 0.6rem;
    width: 0.6rem;
    margin-top: -0.3rem;
    border-left: 2px solid #222222;
    border-top: 2px solid #222222;
    
}
.teambutton span:first-child:before {
    left:  25%;
    margin-right: -0.4rem;
    /* -webkit-transform: rotate(-45deg); */
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.teambutton span:last-child:before{
       right:  25%;
    margin-right: -0.4rem;
    /* -webkit-transform: rotate(-45deg); */
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.teambutton span:hover:before{
      border-left: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
}
.teambutton span:hover{
    color: #ffffff;
    background-color: #0051a2;
}
.team_list  li .box:hover img{
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
}
/*.team_list  li .box:hover .img{*/
/*    border-color: #0051a2;*/
/*}*/
.indexbody header{
    position: absolute;
}

.indexheader{
    display: none;
}
.indexbody .indexheader{
    display: inline-block;
}
.indexbody .neiheader{
    display: none;
}
.neiheader{
    display: inline-block;
}

.indexbody header .header-nav li .link{
    color: #ffffff;
}
.indexbody header .header-language .header_language{
    border: 1px solid #ffffff;
}



.indexbody header .header-language .header_language .l_link{
    color: #ffffff;
}
.indexbody header .header-language .header_language .l_link::after{
        border-top: 7px solid #ffffff;
}

.indexbody header .header-language .header_search img.neiheader{
    display: none;
}
.indexbody header .header-language .header_search img.indexheader{
    display: block;
}
header .header-language .header_search img.neiheader{
    display: block;
}

/*合成生物学*/
.test{
    padding-top: 5rem;
}
.testbox{
    display: flex;
    align-items: center;
}
.testbox{
    padding-top: 3.4375rem;
    padding-bottom: 3.4375rem;
}
.testbox:first-child{
    padding-top: 6.875rem;
   
}
.testbox:last-child{
    padding-bottom: 6.875rem;
   
}
.testbox .img{
    width: 50%;
}
 .testbox .testintroduce{
     width: 50%;
      padding-left: 6.25rem;
   
 }
.testbox:nth-child(2n+1) .testintroduce{
        padding-left:0;
         padding-right:6.25rem;
         
  }
  .testbox .testintroduce .title{
     font-size: 1.75rem;
     margin-bottom: 1.25rem;
  }

  .testbox .testintroduce .content{

     margin-bottom: 3.75rem;
  }
.morbutton span{
    display: block;
    width: 11.25rem;
    color: #ffffff;
    padding-left: 1.875rem;
    padding-bottom: 0.875rem;
    padding-top: 0.875rem;
    background-color: #0051a2;
    position: relative;
    cursor: pointer;
}
.morbutton span:before{
    content: '';
    position: absolute;
        right:19.5%;
        top: 50%;
       transform: translateY(-50%);
    width: 2px;
    height: 10px;
    background: #ffffff;
    
}
.morbutton span:after{
    content: '';
    position: absolute;
        right:19.5%;
        top: 50%;
       transform: translate(40%,-50%);
    width: 10px;
    height: 2px;
    background: #ffffff;
    
}
.webModal1 .modal-dialog {
    max-width: 57%;
}
.webModal1 .title{
        font-size: 1.75rem;
    margin-bottom: 1.25rem;
}
.webModal1 .content{
   line-height: 1.7;
   margin-bottom: 3.125rem;
}

.testheader {
    font-size: 1.25rem;
        color: #0051a2;
}

/*a{*/
/*    pointer-events: none !important;*/
/*}*/


/*管线*/
.pipeline{
    font-weight: 400;}
.pipelinetable{
    font-size: 1.125rem;
    width: 1200px;
    margin: 0 auto;
    margin-top: -8.8rem;
}
.pipelinetable .thead{
    background-color: #124794;
    color: #ffffff;
    border-top-left-radius: 0.9375rem;
    border-top-right-radius: 0.9375rem;
}
.pipelinetable .thead .th{
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(255,255,255,0.1);
}


.pipelinetable .thead .th3{
   justify-content: space-between;
}
.pipelinetable .thead .th3 div{
    width: 25%;
    text-align: center;
     border-right: 1px solid rgba(255,255,255,0.1);
    line-height: 1;
}
.pipelinetable .thead .th3 div:last-child{
    border-right: 0;
}

.pipelinetable .th{
    height: 4.375rem;
}
 .pipelinetable .tbody{
     background-color: #ffffff;
 }
 .pipelinetable .tbody .schedule{
     height: 2rem;
     border-radius: 1rem;
         position: relative;
    z-index: 2;
 }
 .pipelinetable .tbody .th{
      border-bottom: 1px solid #eff4fc;
      position: relative;
         cursor: pointer;
 }
  .pipelinetable .tbody .th:hover{
     background-color: #124794;
     color: #fff;
 }
 
 
 
  .pipelinetable .tbody .th:hover .h:before{
     background-color: #124794;
    
 }
 
   .pipelinetable .tbody .lin1:nth-child(2) .th:hover{
     background-color: #e7452f;
     /*color: #fff;*/
 }
   .pipelinetable .tbody .lin1:nth-child(2) .th:hover .h:before{
     background-color: #e7452f;
    
 }
   .pipelinetable .tbody .lin1:nth-child(3) .th:hover,
   .pipelinetable .tbody .lin1:nth-child(4) .th:hover,
   .pipelinetable .tbody .lin1:nth-child(5) .th:hover,
   .pipelinetable .tbody .lin1:nth-child(6) .th:hover,
   .pipelinetable .tbody .lin1:nth-child(7) .th:hover
   {
     background-color: #8aceee;
     /*color: #fff;*/
 }
 
 
   .pipelinetable .tbody .lin1:nth-child(3) .th:hover .h:before,
    .pipelinetable .tbody .lin1:nth-child(4) .th:hover .h:before,
     .pipelinetable .tbody .lin1:nth-child(5) .th:hover .h:before,
      .pipelinetable .tbody .lin1:nth-child(6) .th:hover .h:before,
       .pipelinetable .tbody .lin1:nth-child(7) .th:hover .h:before
   
   {
     background-color: #8aceee;
    
 }
 
 .pipelinetable .tbody .th:hover .schedule{
     background-color: #ffffff !important;
 }
 .pipelinetable .tbody .th:hover .thlast{
     opacity: 0;
 }
 .pipelinetable .tbody .th:hover .garden{
     display: block;
 }
 
  .pipelinetable .tbody .th .thlast{
      position: relative;
  }
  
   .pipelinetable .tbody .th  .garden{
       position: absolute;
       right: 2.5rem;
       background-color: #ffffff;
       border-radius: 100%;
       width: 1.875rem;
       height: 1.875rem;
       display: none;
       cursor: pointer;
   }
   .pipelinetable .tbody .th  .garden:before{
      content: '';
      position: absolute;
     width: 6px;
     height: 11px;
     background-image: url(../images/piljt.png);
     background-size: 100% 100%;
     top: 50%;
     left: 50%;
     transform:translate(-50%,-50%);
     
   }
  
  
  
 .pipelinetable .tbody .th1{
     border-bottom: 1px solid #eff4fc;
     
 }
 .lin1{
       border-bottom: 1px solid #eff4fc;
 }
  .pipelinetable .tbody .th .h{
      height: 100%;
      display:flex;
      align-items: center;
      position: relative;
       /*border-right: 1px solid #eff4fc;*/
      
  }
    .pipelinetable .tbody .th .h:before{
        position: absolute;
        content: '';
        width: 1px;
        height: 100%;
        top: 0;
        right: 0;
        background-color: #eff4fc;
    }
 
  .pipelinetable .tbody .ico{
      display: inline-block;
      max-width: 2rem;
     margin-right: 0.625rem;
      background-size: cover;
  }
    .pipelinetable .tbody .ico img{
        width: 100%;
    }

.pipelinetable .th1{
    /*width: 10.625rem;*/
    /*padding-left: 1rem;*/
    /*padding-right: 1rem;*/
     width: 170px;
    padding-left: 16px;
    padding-right: 16px;
}
.pipelinetable .th2{
    /*width: 9.375rem;*/
    /* padding-left: 1rem;*/
    /*padding-right: 1rem;*/
    width: 130px;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
}


.pipelinetable .th3{
    /*width: 26.875rem;*/
    width: 510px;
}
.align-item-center{
    align-items: center;
}
.bg_f4f8fc{
    background-color: #f4f8fc;
}

.webModalpil .modal-dialog {
max-width: 58%;
    
}
.pipelinemodal .name{
    font-size: 1.875rem;
}

.pipelinemodal .text{
    font-size: 1.125rem;
}
.pipelinetable .tfooter .zu{
    font-size: 0.875rem;
    background-color: #eff1f3;
    padding-left: 1rem;
}
.pipelinetable .tfooter .text{
    font-size: 0.875rem;
    background-color: #ffffff;
    padding: 1rem;
    border-bottom-left-radius: 0.9375rem;
    border-bottom-right-radius: 0.9375rem;
}
.pipelineHead {
    padding-bottom: 9.375rem;
}


.dashed-background {
  background-image: repeating-linear-gradient(
     -45deg,
    transparent 0,
    transparent 1px,
    #ffe0dc 1px,
     #ffe0dc 2px
  );
height: 2rem;
    border-radius: 1rem;
    position: absolute;
    z-index: 1;
}
.gd{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 1;
    
    
}
.gd div{
        border-right: 1px solid #eff4fc;
        width: 25%;
}
.pipelinetable .tbody .th:hover .gd div{
    border-color: transparent;
}

.pipelinetable .th22 {
    /*width: 18.375rem;*/
width: 294px;    
}









/*二次开发*/
.investor{
padding: 4.5rem 0 5.0rem;



}


.investorh{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.875rem;

}

.selectBox {
position: relative;
}

.selectBox .select {
width: 8.125rem;
border: 0;
outline: none;
border-bottom: 0.1875rem solid #124794;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
font-size: 1.125rem;
appearance: none;
color: #124794;
}

.web_screen_ul {
position: absolute;
top: calc(100% - 1px);
left: 0;
width: 100%;
z-index: 10;
background-color: #ffffff;
opacity: 0;
padding: 0 0.46rem;
visibility: hidden;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
-ms-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease;
}
.selectBox::after {
position: absolute;
content: '';
border-left: 0.375rem solid transparent;
border-right: 0.375rem solid transparent;
border-bottom: 0.375rem solid transparent;
border-top: 0.375rem solid #124794;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.web_screen_ul li {
position: relative;
color: #ffffff;
}

.web_screen_ul li a {
display: block;
height: 2.5rem;
cursor: pointer;
color: #000;
line-height: 2.5rem;
}

.selectBox:hover .web_screen_ul {
opacity: 1;
visibility: visible;
}

.web_screen_ul li a:hover {
color: #124794;
}


.investorh .title{
font-size: 2.125rem;
}


.layui-form-select dl dd.layui-this {
background-color: #f8f8f8;
color: #124794;
font-weight: 700;
}

.layui-form-select .layui-edge {
position: absolute;

border-top-color: #124794;
border-top-style: solid;

}

.time .layui-input-inline{
position: relative;
height: 2.5625rem;
width: 46.5%;
}
.time .layui-input-inline:before{
position: absolute;
content: '';
right: 0.625rem;
top: 50%;
margin-top: -0.1875rem;
border-top:0.375rem solid #124794;
border-left:0.375rem solid transparent;
border-right:0.375rem solid transparent;
}
.inesserbox{
display: flex;
}

.layui-form-mid {
position: relative;
float: none;
display: inline-block;
padding: 0.5625rem 0 !important;
line-height: 1.25rem;
margin-right: 0px;
}

.layui-form-select{

}

.layui-input{
border-radius: 1.2813rem;
height: 2.5625rem;
padding-left: 1.25rem;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.searchField_form1{
width: 50%;
height: 2.5625rem;
position: relative;
}
.searchField_form1 input{
width: 100%;
height: 100%;
position: relative;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 1.2813rem;
padding-left: 1.25rem;
padding-right: 5.625rem;
}

.layui-form{
width: 15%;
margin-right: 0.9375rem;
}
.seaico{
position: absolute;
width: 4.375rem;
height: 2.5625rem;
background-color: #124794;
border-radius: 1.2813rem;
right: -0px;
}
.seaico:before{
position: absolute;
content: '';
background-image: url(../images/ss.png);
width: 1.3125rem;
height: 1.3125rem;
background-size: 100% 100%;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
}
.investoyul{
margin-top: 1.875rem;
border-top: 0.1875rem solid #124794;
}
.investoyul li{
padding-bottom: 1.25rem;
padding-top: 1.25rem;
display: flex;
justify-content: space-between;
font-size: 1.125rem;
border-bottom: 1px solid rgba(0,0,0,0.1);

}
.investoyul li .time{
width: 13%;
}
.investoyul li .box_t{
width: 85%;
}

.investoyul li .title{
color: #124794;
}

.investoyul li .box_t .text{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.investoyul .dload{
display: flex;
align-items: center;
}


.investoyul .dload a{
display: block;
width: 1.4375rem;
height: 1.4375rem;
background-image: url('../images/xiazai.png');
background-size: 100% 100%;
}
.pagination {
padding: 0.25rem;
display: flex;
border-radius: 6.25rem;
/* box-shadow: 0 0 1.75rem rgba(0, 0, 0, 0.1); */
}

.pagination a,
.pagination span {
margin: 0 0 0 0.9375rem;
font-size: 1.125rem;
color: #333333;
font-weight: 400;
padding: 0;
overflow: hidden;
position: relative;
background: #ffffff;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
border-radius: 0px;
border: none;
display: block;
border-radius: 50%;

}

.pagination li.active span {
color: #ffffff;
background: #2f5eab;

}

.pagination li {
position: relative;
}



.pagination li:first-child a,
.pagination li:first-child span,
.pagination li:last-child a,
.pagination li:last-child span {
text-indent: -999px;
background-color: transparent;

}

.pagination li:first-child a:before,
.pagination li:first-child span:before,
.pagination li:last-child a:before,
.pagination li:last-child span:before {
content: '';
position: absolute;
top: 50%;
height: 0.65rem;
width: 0.65rem;
margin-top: -0.3rem;
border-left: 1px solid #222222;
border-top: 1px solid #222222;
-webkit-transition: all .20s ease;
-moz-transition: all .20s ease;
-ms-transition: all .20s ease;
-o-transition: all .20s ease;
transition: all .20s ease;
}

.pagination li:first-child a:hover,
.pagination li:first-child span:hover,
.pagination li:last-child a:hover,
.pagination li:last-child span:hover {

background-color: #2f5eab;
}

.pagination li:first-child a:hover:before,
.pagination li:first-child span:hover:before,
.pagination li:last-child a:hover:before,
.pagination li:last-child span:hover:before {
border-color: #fff;
}

.pagination li:first-child a:before,
.pagination li:first-child span:before {
right: 50%;
margin-right: -0.4rem;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.pagination li:last-child a:before,
.pagination li:last-child span:before {
left: 50%;
margin-left: -0.4rem;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.navflex{
margin-top: 1.875rem;
}




.boardob{
padding: 4.5rem 0 5.0rem;
background-image: url('../images/dshbg.png');
background-size: cover;
}

.boardob .box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}


.boardob .box:after{
content: '';
flex-basis: 32%;
}

.boardob .box .box_sm{
background-color: #ffffff;
border-radius: 0.9375rem;
height: 15.6875rem;
width: 32%;
font-size: 1.125rem;
padding: 1.875rem 0.9375rem 0 0.9375rem;
position: relative;
margin-bottom: 2%;
transition: all 400ms;
}

.boardob .box .box_sm:before{
position: absolute;
content: '';
width: 9.3125rem;
height: 8.3125rem;
background-image: url('../images/dshsbg.png');
background-size: 100% 100%;
right: 1.25rem;
bottom: 1.25rem;
}




.boardob .box .box_sm .title{
font-size: 1.625rem;
/*position: relative;*/
padding-left: 0.9375rem;
padding-right: 0.9375rem;
margin-bottom: 0.3125rem;
}
.boardob .box .box_sm .title:before{
position: absolute;
content: '';
width: 0.25rem;
height: 1.625rem;
border-radius: 0.125rem;
left: -0px;
top: 2.375rem;
background-color: #003194;
transition: all 400ms;
}

.boardob .box .box_sm .name{
padding-left: 0.9375rem;
padding-right: 0.9375rem;
padding-bottom: 0.3125rem;
padding-top: 0.3125rem;
border-radius: 1.125rem;

}


.boardob .box .box_sm:hover{
background-color: #124794;
color: #ffffff;
}


.boardob .box .box_sm:hover .title:before{
background-color: #e7452f;
}

.boardob .box .box_sm .name:hover{
background-color: #2a5a9f;

}
.ipo {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ipo .box {
width: 45%;
padding: 1.875rem;
box-shadow: 0px 0px 23px 10px rgba(0, 0, 0, 0.06);
border-radius: 1.25rem;
margin-bottom:10%;
}

.ipo .box .box_img{
height: 39.375rem;
border-radius: 1.25rem;
overflow: hidden;
}
.ipo .box .box_img .bg_cover{
width: 100%;
height: 100%;
transition: all 400ms;
}

.ipo .box .titile{
text-align: center;
font-size: 1.125rem;
margin-top: 1.25rem;
}
.ipo .box a:hover .box_img .bg_cover{
transform: scale(1.1);
}
.investor1{
padding-bottom: 0;
}


.header_languagebox{
    position: relative;
}

.header_languageboxsm{
    position: absolute;
    top: 100%;
    width: 100%;
    background: #0051a2;
    opacity:0;
    padding: 0.25rem 0;
    transform: all 400ms;
    visibility: hidden;
    z-index: 99;
}
.header_languagebox:hover .header_languageboxsm{
 opacity:1;   
 visibility: visible;
}
.header_languageboxsm a{
    display: block !important;
    text-align: center !important;
    padding: 0.25rem 0 !important;
    /*color: #000 !important;*/
    font-weight: 400 !important;
}

.header_languagebox .box{
    position: relative;
}


.header_languagebox .box::after {
    position: absolute;
    content: '';
    border-left: 0.375rem solid transparent;
    border-right: 0.375rem solid transparent;
    border-bottom: 0.375rem solid transparent;
    border-top: 0.375rem solid #ffffff;
    top: 58%;
    transform: translateY(-50%);
    right: 24%;
}



.pagenav{
    display: flex;
}
.pagenav .next{
    width: 5rem;
}



.muvideoa{
    display: inline-block;
    width: 3.125rem;
    height: 3.125rem;
    position: absolute;
    bottom: 10%;
    right: 2%;
   background-image: url('../images/muvideoa.png');
  background-size: 100% 100%;
  z-index: 99999;

    
}

.team .w_container{
    max-width: 1000px;
}

  .team .w_container  .col-md-3 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }
.partners  .box{
    display: flex;
    flex-wrap: width;
    
}
.partners  .box .box_s{
        width: 24%;
    height: 8rem;
    background-size: 100% 100%;
    margin-right: 1%;
    margin-bottom: 1%;
}