@charset "UTF-8";

@-webkit-keyframes amplify {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes amplify {
  0% {
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes amplify {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes float {
  0% {
    /* opacity: 0; */
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  50% {
    -webkit-transform: translate3d(0, -30px, -30px);
    transform: translate3d(0, -30px, 0);
  }

  100% {
    /* -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0) */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-moz-keyframes float {
  0% {
    /* opacity: 0; */
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  50% {
    -webkit-transform: translate3d(0, -30px, -30px);
    -moz-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  100% {
    /* -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0) */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes float {
  0% {
    /* opacity: 0; */
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  50% {
    -webkit-transform: translate3d(0, -30px, -30px);
    -moz-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  100% {
    /* -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0) */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.float {
  -webkit-animation-name: float;
  -moz-animation-name: float;
  animation-name: float;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  /* animation: float 5s  infinite;
  -webkit-animation: float 5s infinite; */
}

@-webkit-keyframes framesWidth {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes framesWidth {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

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

  100% {
    width: 100%;
  }
}

@-webkit-keyframes framesHeight {
  0% {
    height: 0%;
  }

  100% {
    height: 100%;
  }
}

@-moz-keyframes framesHeight {
  0% {
    height: 0%;
  }

  100% {
    height: 100%;
  }
}

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

  100% {
    height: 100%;
  }
}

@-webkit-keyframes mySvg {
  0% {
    stroke-dashoffset: 167;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@-moz-keyframes mySvg {
  0% {
    stroke-dashoffset: 167;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes mySvg {
  0% {
    stroke-dashoffset: 167;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes scale {
  0% {
    -moz-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

ul,
li {
  list-style: none;
}

.header .navBox .navList .list:hover .productsMenus {
  max-height: 19.42708vw;
}

/* 产品下拉 */
.productsMenus {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 5.20833vw;
  left: -14.16667vw;
  width: 50.36458vw;
  max-height: 0px;
  overflow: hidden;
  background: #FFFFFF;
}

.productsMenus .productsMenusOneLevel {
  width: 11.875vw;
  height: 19.42708vw;
  border-right: 1px solid #E3E7EF;
  overflow-y: auto;
}

.productsMenus .productsMenusOneLevel::-webkit-scrollbar {
  width: 0.15625vw;
  height: 0.15625vw;
  background-color: #EBEEF2;
}

.productsMenus .productsMenusOneLevel::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);
  border-radius: 0.15625vw;
  background-color: #EBEEF2;
}

.productsMenus .productsMenusOneLevel::-webkit-scrollbar-thumb {
  border-radius: 0.15625vw;
  -webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);
  background-color: #123E8C;
}

.productsMenus .productsMenusOneLevel a {
  display: block;
  font-size: 0.9375vw;
  color: #333;
  line-height: 3.69792vw;
  padding: 0px 2.23958vw;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.productsMenus .productsMenusOneLevel a.active {
  background-color: #0040A0;
  color: #fff;
}

.productsMenus .productsMenusTwoLevel {
  width: 16.09375vw;
  border-right: 1px solid #E3E7EF;
}

.productsMenus .productsMenusTwoLevel ul {
  display: none;
  padding: 0px 0.9375vw;
  overflow-y: auto;
  max-height: 18.48958vw;
}

.productsMenus .productsMenusTwoLevel ul::-webkit-scrollbar {
  width: 0.15625vw;
  height: 0.15625vw;
  background-color: #EBEEF2;
}

.productsMenus .productsMenusTwoLevel ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);
  border-radius: 0.15625vw;
  background-color: #EBEEF2;
}

.productsMenus .productsMenusTwoLevel ul::-webkit-scrollbar-thumb {
  border-radius: 0.15625vw;
  -webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);
  background-color: #123E8C;
}

.productsMenus .productsMenusTwoLevel ul.active {
  display: block;
}

.productsMenus .productsMenusTwoLevel ul li:last-child a {
  border-bottom: 0px;
}

.productsMenus .productsMenusTwoLevel ul li.active a {
  color: #0040A0;
}

.productsMenus .productsMenusTwoLevel ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 0.9375vw;
  color: #333;
  height: 3.69792vw;
  border-bottom: 1px solid #E3E7EF;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.productsMenus .productsMenusTwoLevel ul li a i {
  font-size: 0.72917vw;
}

.productsMenus .productsMenusThreeLevel {
  width: 22.39583vw;
}

.productsMenus .productsMenusThreeLevel .item {
  display: none;
}

.productsMenus .productsMenusThreeLevel .item.active {
  display: block;
}

.productsMenus .productsMenusThreeLevel .item ul {
  display: none;
  padding: 0px 0.9375vw;
  overflow-y: auto;
  max-height: 18.48958vw;
}

.productsMenus .productsMenusThreeLevel .item ul::-webkit-scrollbar {
  width: 0.15625vw;
  height: 0.15625vw;
  background-color: #EBEEF2;
}

.productsMenus .productsMenusThreeLevel .item ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);
  border-radius: 0.15625vw;
  background-color: #EBEEF2;
}

.productsMenus .productsMenusThreeLevel .item ul::-webkit-scrollbar-thumb {
  border-radius: 0.15625vw;
  -webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);
  background-color: #123E8C;
}

.productsMenus .productsMenusThreeLevel .item ul.active {
  display: block;
}

.productsMenus .productsMenusThreeLevel .item ul li:last-child a {
  border-bottom: 0px;
}

.productsMenus .productsMenusThreeLevel .item ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 0.9375vw;
  color: #333;
  height: 3.69792vw;
  border-bottom: 1px solid #E3E7EF;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.productsMenus .productsMenusThreeLevel .item ul li a:hover {
  color: #0040A0;
}

.productsMenus .productsMenusThreeLevel .item ul li a i {
  font-size: 0.72917vw;
}

/* 内页banner */
.detailBanner {
  position: relative;
  overflow: hidden;
}

.detailBanner .image img {
  width: 100%;
  height: auto;
  -webkit-animation: scale 7s ease;
  -moz-animation: scale 7s ease;
  animation: scale 7s ease;
}

.detailBanner .content {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.detailBanner .content .title {
  font-size: 2.91667vw;
  color: #ffffff;
  font-weight: normal;
  margin-bottom: 0.52083vw;
}

.detailBanner .content .desc {
  font-size: 1.14583vw;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
}

.detailBanner .networkCode {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 2.44792vw;
}

.detailBanner .networkCode .item {
  text-align: center;
  margin-right: 1.71875vw;
}

.detailBanner .networkCode .item:last-child {
  margin-right: 0px;
}

.detailBanner .networkCode .item img {
  width: auto;
  height: 6.35417vw;
  border-radius: 0.20833vw;
}

.detailBanner .networkCode .item .networkCodeTitle {
  font-size: 0.72917vw;
  color: #fff;
  margin: 0.625vw 0px 0px;
}

/* 内页标题 */
.detailTitle .title {
  font-size: 2.60417vw;
  color: #333333;
  margin-bottom: 0.9375vw;
}

.detailTitle .line {
  width: 4.375vw;
  height: 0.3125vw;
  background-color: #0040A0;
  position: relative;
  overflow: hidden;
}

.detailTitle .line::after {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 1.14583vw;
  height: 100%;
  background-color: #51AAF6;
  content: "";
  display: block;
}

.detailTitle .assistantTitle{
  font-size: 1.5625vw;
  color: #333333;
  font-weight: normal;
  margin-top: 1.5625vw;
}

@-webkit-keyframes lineWidth {
  0% {
    width: 0vw;
  }

  100% {
    width: 4.375vw;
  }
}

@-moz-keyframes lineWidth {
  0% {
    width: 0vw;
  }

  100% {
    width: 4.375vw;
  }
}

@keyframes lineWidth {
  0% {
    width: 0vw;
  }

  100% {
    width: 4.375vw;
  }
}

.lineWidth {
  -webkit-animation-name: lineWidth;
  -moz-animation-name: lineWidth;
  animation-name: lineWidth;
}

/* 遮罩 */
.maskLayer {
  position: fixed;
  z-index: 98;
  background-color: rgba(0, 0, 0, 0.6);
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: none;
}

/* 视频弹窗 */
@media (min-width: 0px) {
  .PopupVideoBox {
    position: fixed;
    z-index: 99999;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
  }

  .PopupVideo {
    position: absolute;
    left: 50%;
    width: 100%;
    top: 50%;
    max-width: 960px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0px 20px;
  }

  .PopupVideo video {
    width: 100%;
  }

  .PopupVideo iframe {
    width: 100%;
    min-height: 220px;
  }

  .PopupVideo .videoPlayer {
    overflow: hidden;
    border-radius: 10px;
  }

  .closeVideo {
    position: absolute;
    right: 25px;
    top: -25px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .closeVideo::after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 100%;
    background: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .closeVideo::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media (min-width: 768px) {
  .PopupVideo .videoPlayer {
    border-radius: 0.625vw;
  }

  .PopupVideo {
    max-width: 60vw;
    padding: 0vw 1.5625vw;
  }

  .PopupVideo iframe {
    min-height: 31.25vw;
  }

  .closeVideo {
    right: 1.5625vw;
    top: -1.5625vw;
    width: 1.375vw;
    height: 1.375vw;
  }

  .closeVideo::after {
    width: 0.125vw;
  }

  .closeVideo::before {
    height: 0.125vw;
  }
}

@media (min-width: 1200px) {
  .PopupVideo .videoPlayer {
    border-radius: 0.5208vw;
  }

  .PopupVideo {
    max-width: 50vw;
    padding: 0vw 1.3021vw;
  }

  .PopupVideo iframe {
    min-height: 26.0417vw;
  }

  .closeVideo {
    right: 1.3021vw;
    top: -1.3021vw;
    width: 1.1458vw;
    height: 1.1458vw;
  }

  .closeVideo::after {
    width: 0.1042vw;
  }

  .closeVideo::before {
    height: 0.1042vw;
  }
}

/* 产品列表 */
.products {
  margin-top: 3.80208vw;
  margin-bottom: 4.0625vw;
}

.products .productsList {
  margin-top: 5vw;
  margin-bottom: 3.17708vw;
  border-bottom: 1px solid #DCDDDD;
}

.products .productsList ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.products .productsList ul li {
  margin-right: 5.20833vw;
}

.products .productsList ul li:last-child {
  margin-right: 0px;
}

.products .productsList ul li.active a {
  color: #00409E;
}

.products .productsList ul li.active a::after {
  opacity: 1;
  visibility: visible;
}

.products .productsList ul li a {
  display: block;
  font-size: 1.35417vw;
  color: #333333;
  font-weight: bold;
  padding-bottom: 1.45833vw;
  position: relative;
}

.products .productsList ul li a::after {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 0.26042vw;
  background-color: #00409E;
  content: "";
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.products .productsMain {
  margin-bottom: 4.58333vw;
}

.products .productsMain ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.products .productsMain ul li {
  width: 48.26%;
  margin-right: 3.48%;
  margin-bottom: 2.5vw;
  background-color: #F8F8F8;
}

.products .productsMain ul li:nth-child(even) {
  margin-right: 0%;
}

.products .productsMain ul li:nth-last-child(-n+2) {
  margin-bottom: 0px;
}

.products .productsMain ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 17.96875vw;
  position: relative;
  overflow: hidden;
}

.products .productsMain ul li a:hover .image img {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

.products .productsMain ul li a:hover .content .more {
  color: #ffffff;
  background-color: #00409E;
}

.products .productsMain ul li a:hover .content .more i {
  color: #ffffff;
}

.products .productsMain ul li .image {
  width: 15.78125vw;
  margin-right: 3.125vw;
  position: relative;
  z-index: 2;
}

.products .productsMain ul li .image img {
  width: auto;
  height: 15.78125vw;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.products .productsMain ul li .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 4.16667vw;
  padding-right: 1.04167vw;
  position: relative;
  z-index: 2;
}

.products .productsMain ul li .content .title {
  font-size: 1.875vw;
  color: #333333;
  font-weight: bold;
  margin-bottom: 0.10417vw;
}

.products .productsMain ul li .content .desc {
  font-size: 0.9375vw;
  color: #8C8C8C;
  line-height: 1.51042vw;
  height: 3.02083vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0.78125vw;
}

.products .productsMain ul li .content .more {
  font-size: 0.76042vw;
  color: #00409E;
  width: 7.71875vw;
  height: 2.34375vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1.14583vw;
  border: 1px solid #00409E;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.products .productsMain ul li .content .more i {
  font-size: 0.9375vw;
  color: #00409E;
  font-weight: bold;
  margin-left: 0.15625vw;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

/* 新闻速递 */
.newsBg {
  padding-top: 3.80208vw;
  padding-bottom: 4.27083vw;
  background-color: #f7f7f7;
}

.newsBg .events {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-bottom: 3.59375vw;
}

.newsBg .events .images {
  width: 54.8%;
}

.newsBg .events .images .swiper-slide {
  opacity: 0 !important;
}

.newsBg .events .images .swiper-slide:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.newsBg .events .images .swiper-slide img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.newsBg .events .images .swiper-slide-active {
  opacity: 1 !important;
}

.newsBg .events .content {
  width: 46%;
  padding-top: 4.84375vw;
  padding-left: 3.64583vw;
  padding-right: 2.60417vw;
  background-color: #ffffff;
  position: relative;
}

.newsBg .events .content .texts .swiper-slide {
  opacity: 0 !important;
}

.newsBg .events .content .texts .swiper-slide:hover h1 {
  color: #00409E;
}

.newsBg .events .content .texts .swiper-slide .time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.72917vw;
  color: #666666;
  margin-top: 1.04167vw;
}

.newsBg .events .content .texts .swiper-slide .time i {
  font-size: 0.9375vw;
  margin-right: 0.3125vw;
  margin-top: -0.20833vw;
}

.newsBg .events .content .texts .swiper-slide .title {
  font-size: 1.5625vw;
  color: #333333;
  font-weight: bold;
  line-height: 2.08333vw;
  margin-bottom: 1.51042vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.newsBg .events .content .texts .swiper-slide .desc {
  font-size: 0.9375vw;
  color: #333333;
  line-height: 1.45833vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.newsBg .events .content .texts .swiper-slide-active {
  opacity: 1 !important;
}

.newsBg .events .eventsPagination {
  position: absolute;
  left: 3.64583vw;
  bottom: 2.91667vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.newsBg .events .eventsPagination .eventsPaginationCurrent {
  font-size: 0.83333vw;
  color: #1558A3;
  font-weight: bold;
  margin-right: 7.65625vw;
}

.newsBg .events .eventsPagination .eventsPaginationTotal {
  font-size: 0.83333vw;
  color: #E0E0E0;
  font-weight: bold;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.newsBg .events .eventsPagination .eventsPaginationTotal.highlight {
  color: #1558A3;
}

.newsBg .events .swiper-scrollbar {
  position: absolute;
  left: 5.26042vw;
  bottom: 3.38542vw;
  width: 6.25vw;
  height: 0.10417vw;
  background: #F2F2F2;
  border-radius: 0px;
}

.newsBg .events .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0px;
  background: #1558A3;
}

.newsBg .events .swiper-button-prev,
.newsBg .events .swiper-button-next {
  top: auto;
  margin-top: 0px;
  width: 1.04167vw;
  height: 1.04167vw;
  color: #999999;
  font-size: 1.30208vw;
  border-radius: 0px;
  background: none;
  font-weight: bold;
}

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

.newsBg .events .swiper-button-prev:hover,
.newsBg .events .swiper-button-next:hover {
  background: none;
  color: #1558A3;
}

.newsBg .events .swiper-button-prev {
  left: auto;
  right: 5.67708vw;
  bottom: 3.07292vw;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.newsBg .events .swiper-button-next {
  right: 3.64583vw;
  bottom: 3.07292vw;
}

.newsBg .news {
  margin-bottom: 3.33333vw;
}

.newsBg .news .newsMain ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.newsBg .news .newsMain ul li {
  width: 31.73%;
  margin-right: 2.405%;
  margin-bottom: 2.405%;
}

.newsBg .news .newsMain ul li:nth-child(3n+3) {
  margin-right: 0%;
}

.newsBg .news .newsMain ul li:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.newsBg .news .newsMain ul li .image {
  overflow: hidden;
}

.newsBg .news .newsMain ul li .image img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.newsBg .news .newsMain ul li .content {
  height: 10.3125vw;
  padding: 1.35417vw 1.97917vw;
  background-color: #ffffff;
}

.newsBg .news .newsMain ul li .content .time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.72917vw;
  color: #383838;
}

.newsBg .news .newsMain ul li .content .time i {
  font-size: 0.9375vw;
  margin-right: 0.3125vw;
}

.newsBg .news .newsMain ul li .content .title {
  font-size: 1.14583vw;
  color: #333333;
  line-height: 1.40625vw;
  height: 2.8125vw;
  font-weight: normal;
  margin-top: 0.9375vw;
  margin-bottom: 1vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.newsBg .news .newsMain ul li .content .intro {
    font-size: 0.833vw;
  color: #666;
  line-height: 1.354vw;
  height: 2.708vw;
  font-weight: normal;
  margin-bottom: 1.71875vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.newsBg .news .newsMain ul li .content .more {
  font-size: 1.14583vw;
  color: #333333;
}

.newsBg .news .newsMain ul li.row {
    width: 100%;
    margin-left: 100px;
    margin-right: 100px;
    transition: all .4s ease;
}

.newsBg .news .newsMain ul li.row:hover {
    box-shadow: 0px 10px 30px #eee;
}

.newsBg .news .newsMain ul li.row a {
    display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
    background: #fff;
    -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
    -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.newsBg .news .newsMain ul li.row .image {
    width: 27%;
}

.newsBg .news .newsMain ul li.row .content {
    -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  height: auto;
  padding: 2.083vw 2.604vw;
}

.newsBg .news .newsMain ul li.row .content .title {
    height: auto;
}

.newsBg .news .newsMain ul li.row .content .intro {
    height: auto;
}

.newsBg .news2 {
  width: 59.375vw;
}
.newsBg .news2 ul li {
  margin-bottom: 2.083vw;
}
.newsBg .news2 ul li:last-child {
  margin-bottom: 0px;
}
.newsBg .news2 ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  padding: 1.042vw 2.083vw;
  border: 1px solid #ccc;
  -webkit-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
}
.newsBg .news2 ul li a:hover {
  box-shadow: 0px 0px 0.729vw #999;
}
.newsBg .news2 ul li a .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 2.083vw;
}
.newsBg .news2 ul li a .content .title {
  font-size: 0.938vw;
  color: #000;
  margin-top: 1.458vw;
}
.newsBg .news2 ul li a .content .intro {
  display: block;
  font-size: 0.729vw;
  color: #c2c2c2;
  line-height: 1.406vw;
  height: 4.219vw;
  overflow: hidden;
  margin-bottom: 0;
  margin-top: 0.573vw;
}
.newsBg .news2 ul li a .other .time p {
  font-size: 1.146vw;
  color: #808080;
  line-height: 1.458vw;
  font-weight: bold;
}
.newsBg .news2 ul li a .other .time span {
  display: block;
  font-size: 0.729vw;
  color: #bebebe;
  margin-top: 0.365vw;
  margin-bottom: 1.302vw;
  line-height: 1.146vw;
}

.newsBg .news2 ul li a .other .arrow img {
    width: auto;
    height: 1.719vw;
}

/* 面包屑导航 */
.breadcrumbsNav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.breadcrumbsNav ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.breadcrumbsNav ul li a {
  font-size: 0.72917vw;
  color: #4C505F;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.breadcrumbsNav ul li a:hover {
  color: #00409E;
}

.breadcrumbsNav ul li i {
  font-size: 0.83333vw;
  color: #4C505F;
  font-weight: bold;
  margin: 0px 0.52083vw;
}

/* 新闻详情 */
.newsDetailBg {
  padding-top: 9.11458vw;
  padding-bottom: 5.57292vw;
  background-color: #f7f7f7;
}

.newsDetailBg .newsDetailHead {
  margin-top: 3.95833vw;
  margin-bottom: 4.11458vw;
  text-align: center;
}

.newsDetailBg .newsDetailHead .time {
  font-size: 0.72917vw;
  color: #8E8E8E;
  font-weight: bold;
}

.newsDetailBg .newsDetailHead .title {
  font-size: 2.60417vw;
  color: #000000;
  line-height: 3.125vw;
  font-weight: bold;
  margin-bottom: 0.67708vw;
}

.newsDetailBg .newsDetailMain {
  padding: 4.16667vw 9.84375vw 5.3125vw;
  border-radius: 1.04167vw;
  background-color: #fff;
}

.newsDetailBg .newsDetailMain .newsDetailShare {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2.70833vw;
}

.newsDetailBg .newsDetailMain .newsDetailShare span {
  font-size: 0.72917vw;
  color: #2A303B;
  margin-right: 0.3125vw;
}

.newsDetailBg .newsDetailMain .content {
  font-size: 0.9375vw;
  color: #595959;
  line-height: 1.77083vw;
}

.newsDetailBg .newsDetailMain .content h2 {
  font-size: 1.04167vw;
  color: #333333;
}

.newsDetailBg .newsDetailMain .content img,
.newsDetailBg .newsDetailMain .content video {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.newsDetailBg .newsDetailMain .newsDetailBtns {
  width: 61.97917vw;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 4.11458vw;
  margin-top: 4.84375vw;
  border-top: 1px solid rgba(125, 132, 136, 0.2);
}

.newsDetailBg .newsDetailMain .newsDetailBtns .btn {
  width: 29.84375vw;
  height: 7.1875vw;
  background-color: #F7F7F7;
  border-radius: 0.78125vw;
}

.newsDetailBg .newsDetailMain .newsDetailBtns .btn:hover .title {
  color: #00409E;
}

.newsDetailBg .newsDetailMain .newsDetailBtns .btn a {
  display: block;
  padding: 1.40625vw 2.8125vw;
}

.newsDetailBg .newsDetailMain .newsDetailBtns .btn span {
  display: block;
  text-align: center;
  line-height: 1.25vw;
  width: 3.17708vw;
  height: 1.25vw;
  font-size: 0.75vw;
  color: #ffffff;
  background: #1558A3;
  margin-bottom: 0.98958vw;
}

.newsDetailBg .newsDetailMain .newsDetailBtns .btn .title {
  font-size: 1.04167vw;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/* 分页 */
@media (min-width: 0px) {
  .pageMain {
    overflow: hidden;
    position: relative;
  }

  .pageMain .layui-laypage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0px;
  }

  .pageMain .commonMain {
    max-width: var(--content-Wdith);
    margin: 0px auto;
    padding: 0px 20px;
  }

  .pageMain #pagination {
    text-align: center;
    display: none;
  }

  .pageMain #pagination a,
  .pageMain #pagination .layui-laypage-spr {
    height: 30px;
    line-height: 30px;
    width: 30px;
    border-radius: 8px;
    padding: 0px;
    margin: 0px 4px;
    position: relative;
    border: none;
    font-size: 14px;
    cursor: pointer;
  }

  .pageMain #pagination a:hover {
    color: #0040A0;
  }

  .pageMain #pagination a.layui-laypage-prev {
    font-size: 16px;
  }

  .pageMain #pagination a.layui-laypage-next {
    font-size: 16px;
  }

  .pageMain #pagination .layui-laypage .layui-laypage-curr {
    height: 30px;
    line-height: 30px;
    width: 30px;
    font-size: 14px;
    border: none;
    padding: 0px;
    margin: 0px 4px;
    font-weight: 600;
  }

  .pageMain #pagination .layui-laypage .layui-laypage-curr em {
    display: block;
    border-radius: 8px;
    background: #0040A0;
  }

  .pageMain .loadMore {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
  }

  .pageMain .loadMore a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-transition: 0.8s ease;
    -moz-transition: 0.8s ease;
    transition: 0.8s ease;
    font-size: 12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    color: #314a61;
    width: 130px;
    border-radius: 45px;
    height: 45px;
    border: 2px solid #0040A0;
  }

  .pageMain .loadMore a .icon {
    margin-left: 10px;
    width: 12px;
    height: 13px;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    transition: 0.6s ease;
    background-position: 0px -14px;
    background-repeat: no-repeat;
    background-image: url("../images/solution001_06.png");
    display: block;
  }

  .pageMain .loadMore a:hover {
    background: #0040A0;
    color: #ffffff;
  }

  .pageMain .loadMore a:hover .icon {
    background-position: 0px 0px;
  }
}

@media (min-width: 768px) {
  .pageMain .commonMain {
    max-width: var(--content-Wdith-768);
  }

  .pageMain #pagination {
    display: block;
  }

  .pageMain #pagination a,
  .pageMain #pagination .layui-laypage-spr {
    height: 2.5vw;
    line-height: 2.5vw;
    width: 2.5vw;
    margin: 0vw 0.5208vw;
    font-size: 0.7292vw;
    background-color: #ffffff;
    font-weight: normal;
    border-radius: 50%;
    overflow: hidden;
  }

  .pageMain #pagination a:hover {
    background: #0040A0 !important;
    color: #fff !important;
  }

  .pageMain #pagination .layui-laypage .layui-laypage-curr {
    height: 2.5vw;
    line-height: 2.5vw;
    width: 2.5vw;
    font-size: 0.7292vw;
    border-radius: 50%;
  }

  .pageMain #pagination .layui-laypage .layui-laypage-curr em {
    left: 0vw;
    top: 0vw;
    padding: 0vw;
    border-radius: 50%;
    font-size: 0.7292vw;
  }

  .pageMain #pagination a.layui-laypage-prev {
    font-size: 12px;
  }

  .pageMain #pagination a.layui-laypage-next {
    font-size: 12px;
  }

  .pageMain .loadMore {
    display: none;
  }
}

@media (min-width: 1200px) {
  .pageMain .commonMain {
    max-width: var(--content-Wdith-1200);
  }

  .pageMain #pagination a,
  .pageMain #pagination .layui-laypage-spr {
    height: 2.5vw;
    line-height: 2.5vw;
    width: 2.5vw;
    margin: 0vw 7px;
    font-size: 0.7292vw;
  }

  .pageMain #pagination .layui-laypage .layui-laypage-curr {
    height: 2.5vw;
    width: 2.5vw;
    font-size: 0.9375vw;
  }

  .pageMain #pagination .layui-laypage .layui-laypage-curr em {
    border-radius: 50%;
  }

  .pageMain #pagination a.layui-laypage-prev i {
    font-size: 0.625vw;
  }

  .pageMain #pagination a.layui-laypage-next i {
    font-size: 0.625vw;
  }
}

/* 产品改进建议 */
.productsProposalBg {
  min-height: 52.60417vw;
  padding-top: 10.625vw;
  padding-bottom: 3.54167vw;
}

.productsProposalBg .productsProposal {
  padding: 3.02083vw 4.89583vw 4.01042vw;
  background-color: #fff;
}

.productsProposalBg .productsProposal .productsProposalTitle {
  margin-bottom: 3.17708vw;
  text-align: center;
}

.productsProposalBg .productsProposal .productsProposalTitle .title {
  font-size: 2.70833vw;
  color: #333333;
  font-weight: bold;
  margin-bottom: 0.46875vw;
}

.productsProposalBg .productsProposal .productsProposalTitle .desc {
  font-size: 0.83333vw;
  color: #666666;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput {
  width: 31.7%;
  margin-right: 2.45%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput.textarea {
  width: 100%;
  margin-right: 0%;
  margin-top: 1.61458vw;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput:nth-child(3n+3) {
  margin-right: 0%;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput span {
  font-size: 0.9375vw;
  color: #333333;
  margin-bottom: 0.46875vw;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput span i {
  font-size: 0.83333vw;
  color: #DE0606;
  font-weight: bold;
  margin-right: 0.3125vw;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput input {
  display: block;
  width: 100%;
  height: 3.33333vw;
  font-size: 0.83333vw;
  color: #B8B8B8;
  padding: 0px 1.09375vw;
  background-color: #f8f8f8;
  border: 1px solid #f2f4f5;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput input::-webkit-input-placeholder {
  color: #B8B8B8;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput input:-moz-placeholder {
  color: #B8B8B8;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput input::-moz-placeholder {
  color: #B8B8B8;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput input:-ms-input-placeholder {
  color: #B8B8B8;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput input::placeholder {
  color: #B8B8B8;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput textarea {
  display: block;
  width: 100%;
  height: 8.47917vw;
  min-height: 8.47917vw;
  font-size: 0.83333vw;
  color: #B8B8B8;
  padding: 1.09375vw;
  background-color: #f8f8f8;
  border: 1px solid #f2f4f5;
  resize: vertical;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput textarea::-webkit-input-placeholder {
  color: #B8B8B8;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput textarea:-moz-placeholder {
  color: #B8B8B8;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput textarea::-moz-placeholder {
  color: #B8B8B8;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput textarea:-ms-input-placeholder {
  color: #B8B8B8;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput textarea::placeholder {
  color: #B8B8B8;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalSubmit {
  width: 100%;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalSubmit button {
  display: block;
  width: 10.26042vw;
  height: 3.22917vw;
  font-size: 0.9375vw;
  color: #ffffff;
  background-color: #0040A0;
  border-radius: 1.61458vw;
  border: 0.10417vw solid #0040A0;
  margin: 2.08333vw auto 0px;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalSubmit button:hover {
  background-color: #fff;
  color: #0040A0;
}

/* 云视频 */
.video {
  margin-top: 4.375vw;
  margin-bottom: 4.89583vw;
}

.video .detailTitle .title {
  font-size: 1.875vw;
  font-weight: bold;
}

.video .videoList {
  margin-top: 3.69792vw;
  margin-bottom: 2.8125vw;
}

.video .videoList ul {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.video .videoList ul li {
  margin-right: 1.19792vw;
}

.video .videoList ul li:last-child {
  margin-right: 0px;
}

.video .videoList ul li.active a {
  background-color: #0040A0;
  border-color: #0040A0;
  color: #ffffff;
}

.video .videoList ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: auto;
  min-width: 8.69792vw;
  height: 2.96875vw;
  padding: 0px 2.08333vw;
  font-size: 0.9375vw;
  color: #666666;
  background: #FFFFFF;
  border: 1px solid #999999;
  border-radius: 1.45833vw;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.video .videoMain {
  margin-bottom: 4.89583vw;
}

.video .videoMain ul {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.video .videoMain ul li {
  width: 31%;
  margin-right: 3.5%;
  margin-bottom: 4.0625vw;
  cursor: pointer;
}

.video .videoMain ul li:nth-child(3n+3) {
  margin-right: 0%;
}

.video .videoMain ul li:nth-last-child(-n+3) {
  margin-bottom: 0%;
}

.video .videoMain ul li:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.video .videoMain ul li:hover .image .play {
  -webkit-box-shadow: 0px 0.10417vw 0.88542vw 0px rgba(0, 64, 160, 0.5);
  box-shadow: 0px 0.10417vw 0.88542vw 0px rgba(0, 64, 160, 0.5);
}

.video .videoMain ul li .image {
  position: relative;
}

.video .videoMain ul li .image img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.video .videoMain ul li .image div {
  overflow: hidden;
}

.video .videoMain ul li .image .play {
  position: absolute;
  right: 1.71875vw;
  bottom: -1.5625vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ffffff;
  font-size: 0.72917vw;
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 50%;
  background-color: #0040A0;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.video .videoMain ul li .content {
  margin-top: 1.66667vw;
}

.video .videoMain ul li .content .time {
  font-size: 0.72917vw;
  color: #0040A0;
  margin-bottom: 0.36458vw;
}

.video .videoMain ul li .content .time i {
  font-size: 0.83333vw;
  margin-right: 0.26042vw;
}

.video .videoMain ul li .content .title {
  font-size: 1.14583vw;
  color: #333333;
}

/* ESG */
.esg {
  margin-top: 4.6875vw;
  margin-bottom: 5.3125vw;
}

.esg ul li {
  margin-bottom: 1.66667vw;
}

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

.esg ul li:hover a {
  background-color: rgba(153, 153, 153, 0.1);
}

.esg ul li a {
  height: 16.04167vw;
  padding: 0px 4.58333vw 0px 4.16667vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  background-color: #FAFAFA;
}

.esg ul li .image {
  background-color: #0040A1;
  padding: 0.46875vw;
}

.esg ul li .image img {
  width: auto;
  height: auto;
  max-height: 12.1875vw;
}

.esg ul li .content {
  width: 70%;
}

.esg ul li .content .title {
  font-size: 1.14583vw;
  color: #333333;
  line-height: 1.77083vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-bottom: 1.82292vw;
}

.esg ul li .content .desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.9375vw;
  color: #666666;
}

.esg ul li .content .desc img {
  width: auto;
  height: 2.08333vw;
  margin-right: 0.41667vw;
}

/* 股票 */
.shareCertificateBg {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 26.30208vw;
  margin-top: 4.6875vw;
}

.shareCertificateBg .shareCertificate {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.shareCertificateBg .shareCertificate .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 33.33%;
  height: 13.90625vw;
  padding: 0px 4.16667vw;
  border-right: 1px solid #E0E0E0;
}

.shareCertificateBg .shareCertificate .left .title {
  font-size: 2.60417vw;
  color: #0040A0;
  font-weight: bold;
  margin-bottom: 1.51042vw;
}

.shareCertificateBg .shareCertificate .left .sum b {
  font-size: 3.59375vw;
  color: #333333;
  font-weight: bold;
}

.shareCertificateBg .shareCertificate .left .sum i {
  font-size: 1.35417vw;
  color: #333333;
  font-style: normal;
}

.shareCertificateBg .shareCertificate .left .ratio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.14583vw;
  color: #0040A0;
}

.shareCertificateBg .shareCertificate .left .ratio i {
  display: block;
  margin-right: 0.20833vw;
}

.shareCertificateBg .shareCertificate .left .ratio i.rise {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.shareCertificateBg .shareCertificate .left .ratio i.decline {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.shareCertificateBg .shareCertificate .left .ratio span {
  display: block;
  margin-right: 1.19792vw;
}

.shareCertificateBg .shareCertificate .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 4.21875vw;
}

.shareCertificateBg .shareCertificate .right ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3.54167vw;
}

.shareCertificateBg .shareCertificate .right ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.shareCertificateBg .shareCertificate .right ul li .title {
  font-size: 1.04167vw;
  color: #333333;
  margin-bottom: 0.41667vw;
}

.shareCertificateBg .shareCertificate .right ul li .desc {
  font-size: 2.39583vw;
  color: #333333;
  font-weight: bold;
}

.shareCertificateBg .shareCertificate .right p {
  font-size: 0.83333vw;
  color: #666666;
}

/* 最新公告 */
.notice {
  margin-top: 5.10417vw;
  margin-bottom: 4.79167vw;
}

.notice .detailTitle .title {
  font-size: 1.875vw;
  color: #333333;
  font-weight: bold;
}

.notice .detailTitle .line {
  width: 3.59375vw;
  height: 0.20833vw;
}

.notice .detailTitle .line::after {
  width: 0.9375vw;
}

.notice .noticeHead {
  margin-top: 2.29167vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
}

.notice .noticeHead .select {
  width: 16.09375vw;
  position: relative;
}

.notice .noticeHead .select .layui-form-select .layui-input {
  height: 2.86458vw;
  font-size: 1.25vw;
  color: #333333;
  border-bottom: 1px solid #727171;
  padding-left: 0px;
}

.notice .noticeHead .select .layui-form-select .layui-input:focus {
  border: 0px;
  border-bottom: 1px solid #727171;
  border-color: #727171 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.notice .noticeHead .select .layui-form-select .layui-edge {
  border-top-color: #333333;
  right: 0px;
}

.notice .noticeHead .select .layui-form-select dl {
  top: 3.33333vw;
}

.notice .noticeHead .select .layui-form-select dl::-webkit-scrollbar {
  width: 0.36458vw;
  height: 0.36458vw;
  background-color: #F2F5F9;
}

.notice .noticeHead .select .layui-form-select dl::-webkit-scrollbar-track {
  border-radius: 0.3125vw;
  background-color: #F2F5F9;
}

.notice .noticeHead .select .layui-form-select dl::-webkit-scrollbar-thumb {
  border-radius: 0.3125vw;
  background-color: #0040A0;
}

.notice .noticeHead .select .layui-form-select dl dd,
.notice .noticeHead .select .layui-form-select dl dt {
  line-height: 2.23958vw;
  font-size: 0.9375vw;
}

.notice .noticeHead .select .layui-form-select dl dd.layui-this {
  color: #0040A0;
}

.notice .noticeHead .search {
  position: relative;
}

.notice .noticeHead .search input {
  display: block;
  width: 17.5vw;
  height: 2.76042vw;
  font-size: 0.83333vw;
  color: #666666;
  padding: 0px 2.60417vw 0px 1.35417vw;
  border: 0.10417vw solid #0040A0;
  border-radius: 1.35417vw;
}

.notice .noticeHead .search button {
  position: absolute;
  top: 50%;
  right: 1.04167vw;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 0px;
  background: none;
  font-size: 1.04167vw;
  color: #0040A0;
  font-weight: bold;
}

.notice .noticeMain {
  margin-top: 2.60417vw;
  margin-bottom: 2.60417vw;
}

.notice .noticeMain ul li {
  margin-bottom: 0.78125vw;
}

.notice .noticeMain ul li:hover a {
  background-color: #eee;
}

.notice .noticeMain ul li:last-child {
  margin-bottom: 0px;
}

.notice .noticeMain ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 4.79167vw;
  background-color: #F7F7F7;
  padding: 0px 2.8125vw 0px 2.34375vw;
}

.notice .noticeMain ul li .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.04167vw;
  color: #333333;
}

.notice .noticeMain ul li .title img {
  width: auto;
  height: 2.91667vw;
  margin-right: 1.09375vw;
}

.notice .noticeMain ul li .time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.9375vw;
  color: #666666;
}

.notice .noticeMain ul li .time img {
  width: auto;
  height: 1.04167vw;
  margin-right: 0.57292vw;
}

/* 加载更多 */
.expandMore {
  width: 5.98958vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  cursor: pointer;
}

.expandMore span {
  font-size: 0.9375vw;
  color: #203d70;
}

.expandMore img {
  width: auto;
  height: 0.9375vw;
}

/* 产品信息 */
.productsInfoBg .productsInfo {
  position: relative;
}

.productsInfoBg .productsInfo .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}

.productsInfoBg .productsInfo .content .title {
  font-size: 1.66667vw;
  color: #ffffff;
  margin-bottom: 0.41667vw;
}

.productsInfoBg .productsInfo .content .desc {
  font-size: 3.125vw;
  color: #ffffff;
  margin-bottom: 2.23958vw;
}

.productsInfoBg .productsInfo .content .play {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 12.1875vw;
  height: 3.4375vw;
  border: 0.10417vw solid #FFFFFF;
  border-radius: 1.71875vw;
  padding: 0px 1.875vw 0px 0.78125vw;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
}

.productsInfoBg .productsInfo .content .play img {
  width: auto;
  height: 2.08333vw;
}

.productsInfoBg .productsInfo .content .play span {
  font-size: 0.78125vw;
  color: #fff;
}

.productsInfoBg .productsInfo .content .play:hover {
  border-color: #0040a0;
  background-color: #0040a0;
}

.productsInfoBg .productsInfo .images img {
  width: 100%;
  height: auto;
}

.productsInfoBg .productsInfo .images img.mobile {
  display: none;
}

/* 产品介绍 */
.productsIntro {
  margin: 4.32292vw auto 3.79167vw;
}

.productsIntro .title {
  font-size: 1.875vw;
  color: #333333;
  font-weight: bold;
  margin-bottom: 1.25vw;
}

.productsIntro .desc {
  font-size: 0.9375vw;
  color: #727171;
  line-height: 1.5625vw;
}

.productsIntro .image{
  margin-top: 1.25vw;
}

.productsIntro .image img{
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}

/* 精准 */
.precise {
  margin: 1.948vw auto 0px;
}

.precise .preciseMain {
  margin-top: 3.125vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.precise .preciseMain .image {
  width: 50%;
}

.precise .preciseMain .image img {
  width: 100%;
  height: auto;
}

.precise .preciseMain .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 4.375vw;
}

.precise .preciseMain .content .title {
  font-size: 1.875vw;
  color: #333333;
  font-weight: bold;
  margin-bottom: 1.09375vw;
}

.precise .preciseMain .content .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.66667vw;
}

.precise .preciseMain2 {
  background-color: #F7F7F7;
  margin-top: 3.33333vw;
  padding: 4.32292vw 4.375vw 4.32292vw 4.63542vw;
}

.precise .preciseMain2 .image {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.precise .preciseMain2 .image img {
  width: auto;
  height: 20.2083vw;
  margin-right: 1.0417vw;
}

.precise .preciseMain2 .image img:nth-child(even) {
  margin-right: 0px;
}

.precise .preciseMain2 .content {
  margin-bottom: 2.5vw;
}

.precise .preciseMain2 .content .title {
  font-size: 1.875vw;
  color: #333333;
  font-weight: bold;
  margin-bottom: 1.04167vw;
}

.precise .preciseMain2 .content .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.66667vw;
}

/* 组合 */
.compose {
  margin: 1.948vw auto 0px;
}

.compose .composeMain1 {
  margin-top: 3.125vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.compose .composeMain1 .image {
  width: 50%;
}

.compose .composeMain1 .image img {
  width: 100%;
  height: auto;
}

.compose .composeMain1 .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 4.375vw;
}

.compose .composeMain1 .content .title {
  font-size: 1.875vw;
  color: #333333;
  font-weight: bold;
  margin-bottom: 1.09375vw;
}

.compose .composeMain1 .content .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.66667vw;
}

.compose .composeMain2 {
  margin-top: 2.96875vw;
}

.compose .composeMain2 ul {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.compose .composeMain2 ul li {
  width: 49.16%;
  margin-right: 1.68%;
  margin-bottom: 1.68%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #F7F7F7;
}

.compose .composeMain2 ul li:nth-child(even) {
  margin-right: 0%;
}

.compose .composeMain2 ul li:nth-last-child(-n+2) {
  margin-bottom: 0%;
} 

.compose .composeMain2 ul li .image img {
  width: 100%;
  height: auto;
}

.compose .composeMain2 ul li .content {
  text-align: center;
  height: 14.47917vw;
  padding: 4.53125vw 2.0833vw 1.0417vw;
}

.compose .composeMain2 ul li .content .title {
  font-size: 1.875vw;
  color: #333333;
  font-weight: bold;
  margin-bottom: 1.14583vw;
}

.compose .composeMain2 ul li .content .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.66667vw;
}


/* 高效 */
.efficient {
  margin: 1.948vw auto 0px;
}

.efficient .efficientMain {
  margin-top: 3.07292vw;
}

.efficient .efficientMain ul li {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.efficient .efficientMain ul li:nth-child(odd) .content {
  margin-left: 4.42708vw;
}

.efficient .efficientMain ul li:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.efficient .efficientMain ul li:nth-child(even) .content {
  margin-right: 4.42708vw;
}

.efficient .efficientMain ul li .image {
  width: 50%;
}

.efficient .efficientMain ul li .image img {
  width: 100%;
  height: auto;
}

.efficient .efficientMain ul li .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.efficient .efficientMain ul li .content .title {
  font-size: 1.875vw;
  color: #333333;
  font-weight: bold;
  margin-bottom: 1.14583vw;
}

.efficient .efficientMain ul li .content .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.66667vw;
}

/* 易用 */
.easy {
  margin: 1.948vw auto 0px;
}

.easy .easyMain {
  margin-top: 2.96875vw;
}

.easy .easyMain ul {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.easy .easyMain ul li {
  width: 49.16%;
  margin-right: 1.68%;
  margin-bottom: 1.68%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #F7F7F7;
}

.easy .easyMain ul li:nth-child(even) {
  margin-right: 0%;
}

.easy .easyMain ul li:nth-last-child(-n+2) {
  margin-bottom: 0%;
} 

.easy .easyMain ul li .image img {
  width: 100%;
  height: auto;
}

.easy .easyMain ul li .content {
  text-align: center;
  height: 14.47917vw;
  padding: 4.53125vw 2.0833vw 1.0417vw;
}

.easy .easyMain ul li .content .title {
  font-size: 1.875vw;
  color: #333333;
  font-weight: bold;
  margin-bottom: 1.14583vw;
}

.easy .easyMain ul li .content .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.66667vw;
}

/* 智能 */
.intelligence {
  margin: 1.948vw auto 0px;
}

.intelligence .intelligenceMain {
  margin-top: 3.54167vw;
}

.intelligence .intelligenceMain ul {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.intelligence .intelligenceMain ul li {
  width: 49.16%;
  margin-right: 1.68%;
  margin-bottom: 1.68%;
}

.intelligence .intelligenceMain ul li:nth-child(even) {
  margin-right: 0%;
}

.intelligence .intelligenceMain ul li:nth-last-child(-n+2) {
  margin-bottom: 0%;
}

.intelligence .intelligenceMain ul li .image img {
  width: 100%;
  height: auto;
}

.intelligence .intelligenceMain ul li .content {
  margin-top: 1.97917vw;
}

.intelligence .intelligenceMain ul li .content .title {
  font-size: 1.875vw;
  color: #333333;
  font-weight: bold;
  margin-bottom: 1.14583vw;
}

.intelligence .intelligenceMain ul li .content .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.66667vw;
}


/* 易检 */
.easyToInspect {
  margin: 1.948vw auto 0px;
}

.easyToInspect .easyToInspect1 {
  background-color: #F7F7F7;
  margin-top: 3.33333vw;
  padding-bottom: 4.32292vw;
}

.easyToInspect .easyToInspect1 .image {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.easyToInspect .easyToInspect1 .image a {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 1.7%;
  position: relative;
  text-align: center;
  pointer-events: none;
}

.easyToInspect .easyToInspect1 .image a:last-child{
  margin-right: 0%;
}

.easyToInspect .easyToInspect1 .image a .btn {
  display: none;
  width: 2.08333vw;
  height: 2.08333vw;
  line-height: 2.08333vw;
  text-align: center;
  font-size: 1.25vw;
  color: #fff;
  border-radius: 0.83333vw 0px 0px 0px;
  background-color: #0040a0;
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.easyToInspect .easyToInspect1 .image img {
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: cover;
}

.easyToInspect .easyToInspect1 .content {
  padding: 4.32292vw;
}

.easyToInspect .easyToInspect1 .content .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.66667vw;
}

.easyToInspect .easyToInspect2 {
  background-color: #F7F7F7;
  margin-top: 3.33333vw;
  padding: 4.32292vw 4.375vw 4.32292vw 4.63542vw;
}

.easyToInspect .easyToInspect2 .image {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.easyToInspect .easyToInspect2 .image img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}

.easyToInspect .easyToInspect2 .content {
  margin-bottom: 2.5vw;
}

.easyToInspect .easyToInspect2 .content .title {
  font-size: 0.9375vw;
  color: #666;
}

/* 相关产品 */
.relatedProductsBg {
  margin: 3.79167vw 0px 0px;
  padding-top: 3.79167vw;
  margin-top: 5.57292vw;
  background-color: #F7F7F7;
}

.relatedProductsBg .relatedProducts .detailTitle .title {
  font-weight: bold;
}

.relatedProductsBg .relatedProducts .detailTitle .desc {
  font-size: 1.04167vw;
  color: #666666;
  line-height: 1.66667vw;
}

.relatedProductsBg .relatedProducts .relatedProductsMain {
  margin-top: 2.96875vw;
  padding-bottom: 4.79167vw;
  overflow: hidden;
  position: relative;
}

.relatedProductsBg .relatedProducts .relatedProductsMain .swiper-slide {
  background-color: #fff;
}

.relatedProductsBg .relatedProducts .relatedProductsMain .swiper-slide a {
  display: block;
  padding-bottom: 1.82292vw;
}

.relatedProductsBg .relatedProducts .relatedProductsMain .swiper-slide:hover .image img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.relatedProductsBg .relatedProducts .relatedProductsMain .swiper-slide .image {
  text-align: center;
  overflow: hidden;
}

.relatedProductsBg .relatedProducts .relatedProductsMain .swiper-slide .image img {
  width: 91.9%;
  height: auto;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.relatedProductsBg .relatedProducts .relatedProductsMain .swiper-slide .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  height: 3.64583vw;
  padding: 0 1.04167vw;
}

.relatedProductsBg .relatedProducts .relatedProductsMain .swiper-slide .content .title {
  width: 100%;
  font-size: 1.35417vw;
  color: #333333;
  font-weight: bold;
  line-height: 1.82292vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.relatedProductsBg .relatedProducts .relatedProductsMain .swiper-slide .content .desc {
  width: 100%;
  font-size: 1.35417vw;
  color: #333333;
  font-weight: bold;
  line-height: 1.82292vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.relatedProductsBg .relatedProducts .relatedProductsMain .swiper-pagination {
  bottom: 2.34375vw !important;
}

.relatedProductsBg .relatedProducts .relatedProductsMain .swiper-pagination .swiper-pagination-bullet {
  width: 0.625vw;
  height: 0.625vw;
  opacity: 1 !important;
  border: 1px solid #ddd;
  background: none;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
}

.relatedProductsBg .relatedProducts .relatedProductsMain .swiper-pagination .swiper-pagination-bullet-active {
  background: #0040a0;
  border-color: #0040a0;
}

/* 试剂套餐 */
.package {
  margin: 4.375vw auto 6.45833vw;
}

.package .detailTitle .title {
  font-size: 1.875vw;
  font-weight: bold;
}

.package .detailTitle .desc {
  font-size: 0.9375vw;
  color: #666666;
  margin-top: 1.61458vw;
}

.package .packageMain {
  margin-top: 4.01042vw;
}

.package .packageMain img {
  width: 100%;
  height: auto;
}

/* 试剂套餐详情 */
.packageDetail {
  margin: 4.47917vw auto 5.67708vw;
}

.packageDetail .detailTitle .title {
  font-size: 1.875vw;
  color: #333333;
  font-weight: bold;
}

.packageDetail .packageDetailMain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 3.02083vw;
  background-color: #FAFBFC;
}

.packageDetail .packageDetailMain .left {
  width: 52.88%;
  overflow: hidden;
}

.packageDetail .packageDetailMain .left:hover img {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

.packageDetail .packageDetailMain .left img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.packageDetail .packageDetailMain .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 2.08333vw 0.83333vw 1.5625vw 1.97917vw;
}

.packageDetail .packageDetailMain .right .content {
  max-height: 25.625vw;
  overflow-y: auto;
}

.packageDetail .packageDetailMain .right .content::-webkit-scrollbar {
  width: 0.36458vw;
  height: 0.36458vw;
  background-color: #EBEEF2;
}

.packageDetail .packageDetailMain .right .content::-webkit-scrollbar-track {
  border-radius: 0.36458vw;
  background-color: #EBEEF2;
}

.packageDetail .packageDetailMain .right .content::-webkit-scrollbar-thumb {
  border-radius: 0.36458vw;
  background-color: #123E8C;
}

.packageDetail .packageDetailMain .right .content .item {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.packageDetail .packageDetailMain .right .content .item .tag {
  width: 3.4375vw;
  height: 1.40625vw;
  line-height: 1.40625vw;
  text-align: center;
  font-size: 0.625vw;
  color: #fff;
  background: #0040A0;
  border-radius: 0.67708vw;
  margin-right: 1.14583vw;
  margin-top: 0.36458vw;
  padding: 0px 0.20833vw;
}

.packageDetail .packageDetailMain .right .content .item .param {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.9375vw;
  color: #666666;
  line-height: 2.13542vw;
}

.packageDetail .packageDetailMain .right .content .item .param .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.packageDetail .packageDetailMain .right .content .item .param .list .title {
  width: 11.97917vw;
  padding-right: 1.04167vw;
}

.packageDetail .packageDetailMain .right .content .item .param .list .desc {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 1.04167vw;
}

/* 试剂介绍 */
.introductionToReagentsBg {
  position: relative;
}

.introductionToReagentsBg .introductionToReagents {
  margin: 5.41667vw auto 5.625vw;
}

.introductionToReagentsBg .introductionToReagents .detailTitle .title {
  font-weight: bold;
}

.introductionToReagentsBg .introductionToReagents .detailTitle .desc {
  font-size: 1.04167vw;
  color: #666666;
}

.introductionToReagentsBg .introductionToReagents .introductionToReagentsMain {
  margin-top: 3.48958vw;
  overflow: hidden;
}

.introductionToReagentsBg .introductionToReagents .introductionToReagentsMain .swiper-slide {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.introductionToReagentsBg .introductionToReagents .introductionToReagentsMain .swiper-slide a {
  display: block;
}

.introductionToReagentsBg .introductionToReagents .introductionToReagentsMain .swiper-slide img {
  width: 100%;
  height: auto;
}

.introductionToReagentsBg .introductionToReagents .introductionToReagentsMain .swiper-pagination {
  display: none;
}

.introductionToReagentsBg .introductionToReagents .more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 8.28125vw;
  height: 2.70833vw;
  font-size: 0.78125vw;
  color: #0040a0;
  border: 0.10417vw solid #0040a0;
  border-radius: 1.35417vw;
  margin: 3.125vw auto 0px;
}

.introductionToReagentsBg .introductionToReagents .more:hover {
  color: #fff;
  background-color: #0040a0;
}

.introductionToReagentsBg .introductionToReagents .more i {
  margin-left: 1.97917vw;
}

.introductionToReagentsBg .introductionToReagents .swiper-button-prev {
  left: 4.16667vw;
}

.introductionToReagentsBg .introductionToReagents .swiper-button-next {
  right: 4.16667vw;
}

.introductionToReagentsBg .introductionToReagents .swiper-button-prev,
.introductionToReagentsBg .introductionToReagents .swiper-button-next {
  width: 2.86458vw;
  height: 2.86458vw;
  font-size: 1.04167vw;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #0040A0;
  border-radius: 1.40625vw;
  margin-top: 2.60417vw;
}

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

/* 发展历程 */
.historyBg {
  background-color: #f8f8f8;
}

.historyBg .history {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 43.48958vw;
}

.historyBg .history .left {
  width: 39%;
  height: 33.125vw;
  overflow: hidden;
  margin: 5.10417vw 0px 5.26042vw;
}

.historyBg .history .left .historyYear {
  height: 8.28125vw;
  margin-top: 8.28125vw;
  overflow: visible;
}

.historyBg .history .left .historyYear .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 5.88542vw;
  cursor: pointer;
}

.historyBg .history .left .historyYear .swiper-slide .text {
  font-size: 2.86458vw;
  color: #E5E5E5;
  font-weight: bold;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.historyBg .history .left .historyYear .swiper-slide-active {
  background-color: #0040A0;
}

.historyBg .history .left .historyYear .swiper-slide-active .text {
  color: #fff;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.historyBg .history .left .historyYear .swiper-button-prev {
  left: 9.0625vw;
  top: 1.92708vw;
}

.historyBg .history .left .historyYear .swiper-button-next {
  left: 9.0625vw;
  right: auto;
  top: 4.84375vw;
}

.historyBg .history .left .historyYear .swiper-button-prev,
.historyBg .history .left .historyYear .swiper-button-next {
  width: 1.5625vw;
  height: 1.5625vw;
  margin-top: 0px;
  background: none;
  border-radius: 0px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.historyBg .history .left .historyYear .swiper-button-prev::after,
.historyBg .history .left .historyYear .swiper-button-next::after {
  font-size: 0.72917vw;
  font-weight: bold;
}

.historyBg .history .right {
  width: 36.3%;
  height: auto;
  padding-left: 5.67%;
  padding-top: 2.03125vw;
  padding-bottom: 2.03125vw;
  border-left: 1px solid #EBEBEB;
}

.historyBg .history .right .historyMain {
  overflow: hidden;
}

.historyBg .history .right .historyMain .swiper-slide {
  opacity: 0 !important;
}

.historyBg .history .right .historyMain .swiper-slide ul li {
  border-bottom: 1px solid #E5E5E5;
  padding: 1.40625vw 0px 1.45833vw;
}

.historyBg .history .right .historyMain .swiper-slide ul li:last-child {
  border-bottom: 0px;
}

.historyBg .history .right .historyMain .swiper-slide ul li .year {
  font-size: 1.45833vw;
  color: #333333;
  font-weight: bold;
  margin-bottom: 0.41667vw;
}

.historyBg .history .right .historyMain .swiper-slide ul li .desc {
  font-size: 0.98958vw;
  color: #666666;
  line-height: 1.38021vw;
}

.historyBg .history .right .historyMain .swiper-slide-active {
  opacity: 1 !important;
}

/* 智慧检验 */
.smartTesting {
  margin-top: 4.27083vw;
}

.smartTesting .detailTitle .title {
  font-weight: bold;
  font-size: 1.875vw;
}

.smartTesting .detailTitle .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.66667vw;
  margin-top: 1.97917vw;
}

.smartTesting .smartTestingMain {
  margin-top: 2.86458vw;
}

.smartTesting .smartTestingMain ul {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.smartTesting .smartTestingMain ul li {
  width: 50%;
}

.smartTesting .smartTestingMain ul li:nth-child(1) .content {
  margin-top: 2.29167vw;
}

.smartTesting .smartTestingMain ul li:nth-child(2) .content {
  margin-top: 4.16667vw;
  padding-bottom: 11.14583vw;
}

.smartTesting .smartTestingMain ul li:nth-child(3) {
  margin-top: -25.26042vw;
}

.smartTesting .smartTestingMain ul li:nth-child(3) .content {
  margin-top: 2.23958vw;
}

.smartTesting .smartTestingMain ul li:nth-child(4) a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.smartTesting .smartTestingMain ul li:nth-child(4) .image {
  width: 24.27083vw;
}

.smartTesting .smartTestingMain ul li:nth-child(4) .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 2.23958vw;
}

.smartTesting .smartTestingMain ul li .image {
  overflow: hidden;
}

.smartTesting .smartTestingMain ul li .image:hover img {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

.smartTesting .smartTestingMain ul li .image img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.smartTesting .smartTestingMain ul li .content {
  padding: 0px 2.39583vw;
}

.smartTesting .smartTestingMain ul li .content .title {
  font-size: 1.5625vw;
  color: #333333;
  font-weight: bold;
  margin-bottom: 1.14583vw;
}

.smartTesting .smartTestingMain ul li .content .desc {
  font-size: 1.14583vw;
  color: #333333;
  line-height: 1.875vw;
}

/* 革命性突破 */
.breakThrough {
  margin-top: 6.51042vw;
}

.breakThrough .detailTitle .title {
  font-weight: bold;
  font-size: 1.875vw;
}

.breakThrough .detailTitle .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.5625vw;
  margin-top: 1.97917vw;
}

.breakThrough .breakThroughMain {
  margin-top: 3.07292vw;
}

.breakThrough .breakThroughMain ul {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.breakThrough .breakThroughMain ul li {
  width: 50%;
}

.breakThrough .breakThroughMain ul li:nth-child(odd) {
  position: relative;
}

.breakThrough .breakThroughMain ul li:nth-child(odd)::after {
  position: absolute;
  top: 0px;
  right: -8.48958vw;
  width: 8.48958vw;
  height: 8.33333vw;
  background: #F7F7F7;
  content: "";
  display: block;
}

.breakThrough .breakThroughMain ul li:nth-child(odd) .content {
  padding: 2.86458vw 5.83333vw 2.86458vw 2.76042vw;
  background-color: #0040A0;
}

.breakThrough .breakThroughMain ul li:nth-child(odd) .content .title {
  color: #fff;
  margin-bottom: 1.35417vw;
}

.breakThrough .breakThroughMain ul li:nth-child(odd) .content .desc {
  color: #fff;
}

.breakThrough .breakThroughMain ul li:nth-child(even) {
  margin-top: 8.02083vw;
}

.breakThrough .breakThroughMain ul li:nth-child(even) a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.breakThrough .breakThroughMain ul li:nth-child(even) .content {
  padding: 3.95833vw 5.20833vw;
}

.breakThrough .breakThroughMain ul li:nth-child(even) .content .desc {
  line-height: 1.97917vw;
}

.breakThrough .breakThroughMain ul li .image {
  overflow: hidden;
}

.breakThrough .breakThroughMain ul li .image:hover img {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

.breakThrough .breakThroughMain ul li .image img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.breakThrough .breakThroughMain ul li .content .title {
  font-size: 1.5625vw;
}

.breakThrough .breakThroughMain ul li .content .desc {
  font-size: 1.14583vw;
}

/* 标记技术 */
.mark {
  margin-top: 3.85417vw;
}

.mark .detailTitle .title {
  font-weight: bold;
  font-size: 1.875vw;
}

.mark .detailTitle .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.5625vw;
  margin-top: 1.97917vw;
}

.mark .markMain {
  margin-top: 2.96875vw;
}

.mark .markMain ul li a {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.mark .markMain ul li:nth-child(odd) {
  margin-bottom: 0.98958vw;
}

.mark .markMain ul li:nth-child(odd) a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.mark .markMain ul li:nth-child(odd) .desc {
  margin-right: 3.08%;
}

.mark .markMain ul li:nth-child(even) .desc {
  margin-left: 3.08%;
}

.mark .markMain ul li:last-child {
  margin-bottom: 0px;
}

.mark .markMain ul li .image {
  width: 65.64%;
  overflow: hidden;
}

.mark .markMain ul li .image:hover img {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

.mark .markMain ul li .image img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.mark .markMain ul li .desc {
  width: 28.2%;
  font-size: 1.14583vw;
  color: #333333;
  line-height: 1.875vw;
}

/* 分离技术 */
.separate {
  margin-top: 6.45833vw;
  margin-bottom: 6.97917vw;
  position: relative;
}

.separate::after {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 60.57292vw;
  height: 37.03125vw;
  background: #FBFBFB;
  border-radius: 0px;
  content: "";
  display: block;
}

.separate .detailTitle {
  position: relative;
  z-index: 2;
}

.separate .detailTitle .title {
  font-weight: bold;
  font-size: 1.875vw;
}

.separate .detailTitle .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.5625vw;
  margin-top: 1.97917vw;
}

.separate .separateMain {
  margin-top: 2.96875vw;
  position: relative;
  z-index: 2;
}

.separate .separateMain ul {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.separate .separateMain ul li:nth-child(1) {
  width: 63.65%;
}

.separate .separateMain ul li:nth-child(1) .desc {
  position: absolute;
  width: 19.42708vw;
  margin-left: 2.39583vw;
  margin-top: 3.54167vw;
}

.separate .separateMain ul li:nth-child(2) {
  width: 36.35%;
}

.separate .separateMain ul li:nth-child(2) a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.separate .separateMain ul li:nth-child(2) .desc {
  min-height: 8.85417vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.04167vw 3.28125vw;
}

.separate .separateMain ul li:nth-child(3) {
  width: 71%;
  margin-left: 29%;
  margin-top: -3.66%;
}

.separate .separateMain ul li:nth-child(3) a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.separate .separateMain ul li:nth-child(3) .image {
  width: 27.8125vw;
}

.separate .separateMain ul li:nth-child(3) .desc {
  min-height: 12.5vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.04167vw 3.28125vw;
}

.separate .separateMain ul li:nth-child(4) {
  width: 71%;
  margin-left: 29%;
  margin-top: -2.39583vw;
}

.separate .separateMain ul li:nth-child(4) a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.separate .separateMain ul li:nth-child(4) .image {
  width: 29.11458vw;
}

.separate .separateMain ul li:nth-child(4) .desc {
  padding: 4.42708vw 0.9375vw;
}

.separate .separateMain ul li .image {
  overflow: hidden;
}

.separate .separateMain ul li .image:hover img {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

.separate .separateMain ul li .image img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.separate .separateMain ul li .desc {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.14583vw;
  color: #333333;
  line-height: 1.97917vw;
}

/* 理念 */
.idea {
  padding-top: 4.47917vw;
}

.idea .detailTitle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.idea .detailTitle .title {
  font-size: 1.04167vw;
  color: #666666;
  margin: 0px;
}

.idea .detailTitle .line {
  width: 3.59375vw;
  height: 0.20833vw;
  margin: 0px;
  margin-left: 0.78125vw;
}

.idea .detailTitle .line::after {
  width: 0.94271vw;
}

.idea .detailTitle .desc {
  width: 100%;
  font-size: 1.875vw;
  color: #333333;
  line-height: 2.39583vw;
  font-weight: bold;
  margin-top: 0.625vw;
}

.idea .ideaMain {
  margin-top: 3.33333vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.idea .ideaMain .left {
  width: 55.83%;
  overflow: hidden;
}

.idea .ideaMain .left .swiper-slide {
  overflow: hidden;
}

.idea .ideaMain .left .swiper-slide:hover img {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

.idea .ideaMain .left .swiper-slide img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.idea .ideaMain .right {
  width: 40.12%;
  height: 100%;
}

.idea .ideaMain .right ul li {
  max-height: 5.57292vw;
  padding: 1.5625vw 0px 1.14583vw;
  border-bottom: 1px solid #E6E6E6;
  cursor: pointer;
}

.idea .ideaMain .right ul li:first-child {
  padding-top: 0px;
}

.idea .ideaMain .right ul li.active {
  max-height: 10.26042vw;
}

.idea .ideaMain .right ul li.active .title {
  color: #0040A0;
}

.idea .ideaMain .right ul li.active .desc {
  max-height: 6.25vw;
  overflow-y: auto;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.idea .ideaMain .right ul li .title {
  font-size: 1.5625vw;
  color: #333333;
  margin-bottom: 0.72917vw;
}

.idea .ideaMain .right ul li .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.5625vw;
  max-height: 0px;
  overflow: hidden;
  padding-right: 1.5625vw;
}

.idea .ideaMain .right ul li .desc::-webkit-scrollbar {
  width: 0.15625vw;
  height: 0.15625vw;
  background-color: #d5d5d5;
}

.idea .ideaMain .right ul li .desc::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);
  border-radius: 0.15625vw;
  background-color: #d5d5d5;
}

.idea .ideaMain .right ul li .desc::-webkit-scrollbar-thumb {
  border-radius: 0.15625vw;
  -webkit-box-shadow: inset 0 0 0.10417vw rgba(0, 0, 0, 0.1);
  background-color: #0040A0;
}

/* 创新 */
.innovate {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 7.60417vw;
  padding-bottom: 8.17708vw;
  position: relative;
}

.innovate .left {
  width: 40.64%;
}

.innovate .left .detailTitle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.innovate .left .detailTitle .title {
  font-size: 1.04167vw;
  color: #666666;
  margin: 0px;
}

.innovate .left .detailTitle .line {
  width: 3.59375vw;
  height: 0.20833vw;
  margin: 0px;
  margin-left: 0.78125vw;
}

.innovate .left .detailTitle .line::after {
  width: 0.94271vw;
}

.innovate .left .detailTitle .desc {
  width: 100%;
  font-size: 1.875vw;
  color: #333333;
  line-height: 2.39583vw;
  font-weight: bold;
  margin-top: 0.625vw;
}

.innovate .left .content {
  margin-top: 1.61458vw;
}

.innovate .left .content .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.66667vw;
}

.innovate .left .content .more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 8.02083vw;
  height: 2.44792vw;
  font-size: 0.78125vw;
  color: #0040a0;
  border: 0.10417vw solid #0040a0;
  border-radius: 1.25vw;
  margin-top: 3.59375vw;
}

.innovate .left .content .more:hover {
  color: #fff;
  background: #0040a0;
}

.innovate .left .content .more i {
  font-size: 0.72917vw;
  margin-left: 1.30208vw;
}

.innovate .right {
  width: 52.75%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
}

.innovate .right .image {
  overflow: hidden;
}

.innovate .right .image:nth-child(1) {
  width: 81.25%;
}

.innovate .right .image:nth-child(2) {
  position: absolute;
  top: 17.96875vw;
  right: 23.75vw;
  z-index: 2;
  width: 44.52%;
}

.innovate .right .image:hover img {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

.innovate .right .image img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

/* 业务 */
.businessBg {
  padding-top: 5.15625vw;
  background-color: #fbfbfb;
}

.businessBg .business .businessHead .detailTitle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.businessBg .business .businessHead .detailTitle .title {
  font-size: 1.04167vw;
  color: #666666;
  margin: 0px;
}

.businessBg .business .businessHead .detailTitle .line {
  width: 3.59375vw;
  height: 0.20833vw;
  margin: 0px;
  margin-left: 0.78125vw;
}

.businessBg .business .businessHead .detailTitle .line::after {
  width: 0.94271vw;
}

.businessBg .business .businessHead .detailTitle .desc {
  width: 100%;
  font-size: 1.875vw;
  color: #333333;
  line-height: 2.39583vw;
  font-weight: bold;
  margin-top: 0.625vw;
}

.businessBg .business .businessHead .content {
  margin-top: 1.66667vw;
}

.businessBg .business .businessHead .content .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.66667vw;
}

.businessBg .business .businessHead .content .more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 8.02083vw;
  height: 2.44792vw;
  font-size: 0.78125vw;
  color: #0040a0;
  border: 0.10417vw solid #0040a0;
  border-radius: 1.25vw;
  margin-top: 3.59375vw;
}

.businessBg .business .businessHead .content .more:hover {
  color: #fff;
  background: #0040a0;
}

.businessBg .business .businessHead .content .more i {
  font-size: 0.72917vw;
  margin-left: 1.30208vw;
}

.businessBg .indexBusinessMain .commonweb {
  width: 100%;
  padding: 0px;
}

.businessBg .indexBusinessMain .content {
  padding-top: 0px !important;
}

.businessBg .indexBusinessMain .content ul li {
  margin-bottom: 3.95833vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.businessBg .indexBusinessMain .content ul li:last-child {
  margin-bottom: 0px;
}

.businessBg .indexBusinessMain .content ul li .icon img {
  width: auto;
  height: 4.16667vw;
}

.businessBg .indexBusinessMain .content ul li .text .title {
  font-size: 2.5vw;
  color: #484A4B;
  font-weight: bold;
}

.businessBg .indexBusinessMain .content ul li .text .desc {
  font-size: 0.9375vw;
  color: #484A4B;
}

/* 历史 */
.chronicle {
  padding-top: 6.51042vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.chronicle .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 52.88%;
  position: relative;
}

.chronicle .left::after {
  position: absolute;
  top: 2.91667vw;
  left: 17.1875vw;
  width: 20.625vw;
  height: 17.23958vw;
  background: #F6F6F6;
  content: "";
  display: block;
}

.chronicle .left .image {
  width: 49.21%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.chronicle .left .image:nth-child(2) {
  margin-top: 7.65625vw;
}

.chronicle .left .image:nth-child(3) {
  margin-top: -15.625vw;
}

.chronicle .left .image:hover img {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

.chronicle .left .image img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.chronicle .right {
  width: 40.64%;
}

.chronicle .right .detailTitle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.chronicle .right .detailTitle .title {
  font-size: 1.04167vw;
  color: #666666;
  margin: 0px;
}

.chronicle .right .detailTitle .line {
  width: 3.59375vw;
  height: 0.20833vw;
  margin: 0px;
  margin-left: 0.78125vw;
}

.chronicle .right .detailTitle .line::after {
  width: 0.94271vw;
}

.chronicle .right .detailTitle .desc {
  width: 100%;
  font-size: 1.875vw;
  color: #333333;
  line-height: 2.39583vw;
  font-weight: bold;
  margin-top: 0.625vw;
}

.chronicle .right .content {
  margin-top: 1.61458vw;
}

.chronicle .right .content .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.66667vw;
}

.chronicle .right .content .more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 8.02083vw;
  height: 2.44792vw;
  font-size: 0.78125vw;
  color: #0040a0;
  border: 0.10417vw solid #0040a0;
  border-radius: 1.25vw;
  margin-top: 3.59375vw;
}

.chronicle .right .content .more:hover {
  color: #fff;
  background: #0040a0;
}

.chronicle .right .content .more i {
  font-size: 0.72917vw;
  margin-left: 1.30208vw;
}

/* 文化 */
.culture {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 7.60417vw;
  padding-bottom: 14.0625vw;
  position: relative;
}

.culture::after {
  position: absolute;
  top: 0.83333vw;
  right: 4.0625vw;
  width: 5.52083vw;
  height: 5.46875vw;
  background: rgba(247, 247, 247, 0.8);
  content: "";
  display: block;
}

.culture .left {
  width: 40.64%;
}

.culture .left .detailTitle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.culture .left .detailTitle .title {
  font-size: 1.04167vw;
  color: #666666;
  margin: 0px;
}

.culture .left .detailTitle .line {
  width: 3.59375vw;
  height: 0.20833vw;
  margin: 0px;
  margin-left: 0.78125vw;
}

.culture .left .detailTitle .line::after {
  width: 0.94271vw;
}

.culture .left .detailTitle .desc {
  width: 100%;
  font-size: 1.875vw;
  color: #333333;
  line-height: 2.39583vw;
  font-weight: bold;
  margin-top: 0.625vw;
}

.culture .left .content {
  margin-top: 1.61458vw;
}

.culture .left .content .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.66667vw;
}

.culture .left .content .more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 8.02083vw;
  height: 2.44792vw;
  font-size: 0.78125vw;
  color: #0040a0;
  border: 0.10417vw solid #0040a0;
  border-radius: 1.25vw;
  margin-top: 3.59375vw;
}

.culture .left .content .more:hover {
  color: #fff;
  background: #0040a0;
}

.culture .left .content .more i {
  font-size: 0.72917vw;
  margin-left: 1.30208vw;
}

.culture .right {
  width: 52.75%;
  position: relative;
}

.culture .right::after {
  position: absolute;
  bottom: -4.16667vw;
  left: 0px;
  width: 5.52083vw;
  height: 5.46875vw;
  background: rgba(247, 247, 247, 0.8);
  content: "";
  display: block;
}

.culture .right::before {
  position: absolute;
  bottom: -9.63542vw;
  left: 5.52083vw;
  width: 5.52083vw;
  height: 5.46875vw;
  background: rgba(247, 247, 247, 0.8);
  content: "";
  display: block;
}

.culture .right .image {
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.culture .right .image:nth-child(1) {
  width: 78.25%;
}

.culture .right .image:nth-child(2) {
  position: absolute;
  top: 5.83333vw;
  right: 0.26042vw;
  padding: 0.46875vw;
  background-color: #fff;
  z-index: 3;
  width: 55.77%;
}

.culture .right .image:hover img {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

.culture .right .image img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

/* 关于我们ESG */
.aboutusEsgBg {
  padding-top: 5.26042vw;
  padding-bottom: 5.88542vw;
  background-color: #fbfbfb;
}

.aboutusEsgBg .aboutusEsg {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.aboutusEsgBg .aboutusEsg .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 52.88%;
  position: relative;
}

.aboutusEsgBg .aboutusEsg .left::after {
  position: absolute;
  top: 2.91667vw;
  left: 14.375vw;
  width: 20.625vw;
  height: 19.79167vw;
  background: #F6F6F6;
  content: "";
  display: block;
}

.aboutusEsgBg .aboutusEsg .left .image {
  width: 49.21%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.aboutusEsgBg .aboutusEsg .left .image:nth-child(1) {
  margin-top: 5.36458vw;
}

.aboutusEsgBg .aboutusEsg .left .image:hover img {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  transform: scale(1.07);
}

.aboutusEsgBg .aboutusEsg .left .image img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.aboutusEsgBg .aboutusEsg .right {
  width: 40.64%;
}

.aboutusEsgBg .aboutusEsg .right .detailTitle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.aboutusEsgBg .aboutusEsg .right .detailTitle .title {
  font-size: 1.04167vw;
  color: #666666;
  margin: 0px;
}

.aboutusEsgBg .aboutusEsg .right .detailTitle .line {
  width: 3.59375vw;
  height: 0.20833vw;
  margin: 0px;
  margin-left: 0.78125vw;
}

.aboutusEsgBg .aboutusEsg .right .detailTitle .line::after {
  width: 0.94271vw;
}

.aboutusEsgBg .aboutusEsg .right .detailTitle .desc {
  width: 100%;
  font-size: 1.875vw;
  color: #333333;
  line-height: 2.39583vw;
  font-weight: bold;
  margin-top: 0.625vw;
}

.aboutusEsgBg .aboutusEsg .right .content {
  margin-top: 1.61458vw;
}

.aboutusEsgBg .aboutusEsg .right .content .desc {
  font-size: 0.9375vw;
  color: #666666;
  line-height: 1.66667vw;
}

.aboutusEsgBg .aboutusEsg .right .content .more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 8.02083vw;
  height: 2.44792vw;
  font-size: 0.78125vw;
  color: #0040a0;
  border: 0.10417vw solid #0040a0;
  border-radius: 1.25vw;
  margin-top: 3.59375vw;
}

.aboutusEsgBg .aboutusEsg .right .content .more:hover {
  color: #fff;
  background: #0040a0;
}

.aboutusEsgBg .aboutusEsg .right .content .more i {
  font-size: 0.72917vw;
  margin-left: 1.30208vw;
}

/* 服务网点 */
.serviceBg {
  padding: 4.27083vw 0px 3.64583vw;
}

.serviceBg .detailTitle .title {
  font-size: 1.875vw;
  font-weight: bold;
}

.serviceBg .service {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.serviceBg .service .left {
  width: 35.12%;
  margin-top: 4.16667vw;
}

.serviceBg .service .left .select {
  width: 16.04167vw;
  position: relative;
  z-index: 2;
}

.serviceBg .service .left .select .layui-form-select .layui-input {
  height: 2.86458vw;
  font-size: 1.25vw;
  color: #333333;
  border-bottom: 1px solid #727171;
  padding-left: 0px;
  background: none;
}

.serviceBg .service .left .select .layui-form-select .layui-input:focus {
  border: 0px;
  border-bottom: 1px solid #727171;
  border-color: #727171 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.serviceBg .service .left .select .layui-form-select .layui-edge {
  border-top-color: #333333;
  right: 0px;
}

.serviceBg .service .left .select .layui-form-select dl {
  top: 3.33333vw;
}

.serviceBg .service .left .select .layui-form-select dl::-webkit-scrollbar {
  width: 0.36458vw;
  height: 0.36458vw;
  background-color: #F2F5F9;
}

.serviceBg .service .left .select .layui-form-select dl::-webkit-scrollbar-track {
  border-radius: 0.3125vw;
  background-color: #F2F5F9;
}

.serviceBg .service .left .select .layui-form-select dl::-webkit-scrollbar-thumb {
  border-radius: 0.3125vw;
  background-color: #0040A0;
}

.serviceBg .service .left .select .layui-form-select dl dd,
.serviceBg .service .left .select .layui-form-select dl dt {
  line-height: 2.23958vw;
  font-size: 0.9375vw;
}

.serviceBg .service .left .select .layui-form-select dl dd.layui-this {
  color: #0040A0;
}

.serviceBg .service .left .title {
  font-size: 2.08333vw;
  color: #0040A0;
  font-weight: bold;
  margin-top: 4.0625vw;
  margin-bottom: 2.76042vw;
}

.serviceBg .service .left .content .item {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.1875vw;
}

.serviceBg .service .left .content .item:last-child {
  margin-bottom: 0px;
}

.serviceBg .service .left .content .item:last-child .list .desc {
  font-size: 1.25vw;
  font-weight: bold;
  line-height: 1.45833vw;
}

.serviceBg .service .left .content .item .icon {
  width: 2.1875vw;
  margin-right: 0.88542vw;
}

.serviceBg .service .left .content .item .icon img {
  width: auto;
  height: 2.1875vw;
}

.serviceBg .service .left .content .item .list {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.serviceBg .service .left .content .item .list span {
  font-size: 0.83333vw;
  color: #666666;
}

.serviceBg .service .left .content .item .list .desc {
  font-size: 1.04167vw;
  color: #333333;
  line-height: 1.30208vw;
  margin-top: 0.3125vw;
}

.serviceBg .service .left .indicate {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6.35417vw;
}

.serviceBg .service .left .indicate p {
  font-size: 0.83333vw;
  color: #666666;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1.66667vw;
}

.serviceBg .service .left .indicate p::before {
  width: 0.66667vw;
  height: 0.66667vw;
  border-radius: 50%;
  content: "";
  display: block;
  margin-right: 0.52083vw;
}

.serviceBg .service .left .indicate p:nth-child(1)::before {
  background-color: #48b7ff;
}

.serviceBg .service .left .indicate p:nth-child(2)::before {
  background-color: #006cfb;
}

.serviceBg .service .right {
  width: 50.20833vw;
  height: 36.30208vw;
  background: url("../images/mapBg.png") no-repeat center;
  background-size: 50.20833vw 36.30208vw;
  position: relative;
}

.serviceBg .service .right #map {
  width: 42.70833vw !important;
  height: 40.10417vw !important;
  background: url("../images/mapChineBg.png") no-repeat;
  background-size: 42.70833vw 40.10417vw;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
  margin-left: -0.15625vw;
  margin-top: -2.86458vw;
}

.serviceBg .service .right #map svg {
  width: 42.70833vw;
  height: 40.10417vw;
}

.serviceBg .service .right #map svg path {
  cursor: default !important;
}

.serviceBg .service .right .mapArea {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 42.70833vw;
  height: 40.10417vw;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
  margin-left: -0.15625vw;
  margin-top: -2.86458vw;
  pointer-events: none;
}

.serviceBg .service .right .mapArea .item {
  position: absolute;
  display: none;
}

.serviceBg .service .right .mapArea .item.active {
  display: block;
}

.serviceBg .service .right .mapArea .item.shenzhen {
  width: 1%;
    height: 1%;
    top: 80.5%;
    left: 74.5%;
}

.serviceBg .service .right .mapArea .item.jiangsu {
  width: 12%;
  height: 11%;
  top: 50%;
  left: 75%;
}

.serviceBg .service .right .mapArea .item.henan {
  width: 12%;
  height: 11%;
  top: 49.5%;
  left: 64%;
}

.serviceBg .service .right .mapArea .item.anhui {
  width: 9%;
  height: 13%;
  top: 52%;
  left: 73%;
}

.serviceBg .service .right .mapArea .item.zhejiang {
  width: 8%;
  height: 9%;
  top: 60%;
  left: 80%;
}

.serviceBg .service .right .mapArea .item.liaoning {
  width: 12%;
  height: 11%;
  top: 30%;
  left: 77%;
}

.serviceBg .service .right .mapArea .item.beijing {
  width: 4%;
  height: 4%;
  top: 38%;
  left: 72%;
}

.serviceBg .service .right .mapArea .item.hubei {
  width: 15%;
  height: 10%;
  top: 57%;
  left: 61.5%;
}

.serviceBg .service .right .mapArea .item.jilin {
  width: 17%;
  height: 12%;
  top: 23%;
  left: 80%;
}

.serviceBg .service .right .mapArea .item.shanghai {
  width: 2%;
  height: 2%;
  top: 58.5%;
  left: 85%;
}

.serviceBg .service .right .mapArea .item.guangxi {
  width: 16%;
  height: 12%;
  top: 74%;
  left: 54%;
}

.serviceBg .service .right .mapArea .item.sichuan {
  width: 21%;
  height: 20%;
  top: 55.5%;
  left: 40%;
}

.serviceBg .service .right .mapArea .item.guizhou {
  width: 12%;
  height: 11%;
  top: 67.5%;
  left: 52%;
}

.serviceBg .service .right .mapArea .item.hunan {
  width: 12%;
  height: 13%;
  top: 64.5%;
  left: 62%;
}

.serviceBg .service .right .mapArea .item.shandong {
  width: 13%;
  height: 10%;
  top: 43.5%;
  left: 72%;
}

.serviceBg .service .right .mapArea .item.guangdong {
  width: 16%;
  height: 14%;
  top: 74.5%;
  left: 64%;
}

.serviceBg .service .right .mapArea .item.jiangxi {
  width: 10%;
  height: 14%;
  top: 63.5%;
  left: 72%;
}

.serviceBg .service .right .mapArea .item.fujian {
  width: 9%;
  height: 12%;
  top: 67%;
  left: 77%;
}

.serviceBg .service .right .mapArea .item.yunnan {
  width: 19%;
  height: 20%;
  top: 67%;
  left: 39%;
}

.serviceBg .service .right .mapArea .item.hainan {
  width: 5%;
  height: 5%;
  top: 89%;
  left: 63.5%;
}

.serviceBg .service .right .mapArea .item.shanxi {
  width: 7%;
  height: 15%;
  top: 39%;
  left: 63.5%;
}

.serviceBg .service .right .mapArea .item.hebei {
  width: 11%;
  height: 17%;
  top: 33%;
  left: 68.5%;
}

.serviceBg .service .right .mapArea .item.neimongol {
  width: 44%;
  height: 42%;
  top: 6%;
  left: 40.5%;
}

.serviceBg .service .right .mapArea .item.tianjin {
  width: 4%;
  height: 5%;
  top: 39%;
  left: 73.5%;
}

.serviceBg .service .right .mapArea .item.gansu {
  width: 28%;
  height: 25%;
  top: 35%;
  left: 33.5%;
}

.serviceBg .service .right .mapArea .item.shaanxi {
  width: 11%;
  height: 19%;
  top: 42%;
  left: 55.5%;
}

.serviceBg .service .right .mapArea .item.macau {
  width: 2%;
  height: 2%;
  top: 83%;
  left: 72.5%;
}

.serviceBg .service .right .mapArea .item.hongkong {
  width: 2%;
  height: 2%;
  top: 81.5%;
  left: 73.5%;
}

.serviceBg .service .right .mapArea .item.taiwan {
  width: 4%;
  height: 8%;
  top: 73%;
  left: 86%;
}

.serviceBg .service .right .mapArea .item.qinghai {
  width: 25%;
  height: 19%;
  top: 43%;
  left: 26%;
}

.serviceBg .service .right .mapArea .item.xizang {
  width: 39%;
  height: 22.5%;
  top: 48%;
  left: 5%;
}

.serviceBg .service .right .mapArea .item.ningxia {
  width: 6%;
  height: 10.5%;
  top: 43%;
  left: 53%;
}

.serviceBg .service .right .mapArea .item.xinjiang {
  width: 40%;
  height: 32.5%;
  top: 18%;
  left: 0%;
}

.serviceBg .service .right .mapArea .item.heilongjiang {
  width: 23%;
  height: 22.5%;
  top: 5%;
  left: 76%;
}

.serviceBg .service .right .mapArea .item.chongqing {
  width: 9%;
  height: 9.5%;
  top: 60%;
  left: 56%;
}

.serviceBg .service .right .mapArea .item .sc {
  position: absolute;
}

.serviceBg .service .right .mapArea .item .sc::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.52083vw;
  height: 0.52083vw;
  background: #4AB7FF;
  border-radius: 50%;
  content: "";
  display: block;
}

.serviceBg .service .right .mapArea .item .sc::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1.45833vw;
  height: 1.45833vw;
  border: 1px solid #4AB7FF;
  border-radius: 50%;
  content: "";
  display: block;
  -webkit-animation: amplify 3s infinite;
  -moz-animation: amplify 3s infinite;
  animation: amplify 3s infinite;
}

.serviceBg .service .right .mapArea .item .ss {
  position: absolute;
}

.serviceBg .service .right .mapArea .item .ss::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.20833vw;
  height: 0.20833vw;
  background: #006CFF;
  border-radius: 50%;
  content: "";
  display: block;
}

.serviceBg .service .right .mapArea .item .ss::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.72917vw;
  height: 0.72917vw;
  border: 1px solid #006CFF;
  border-radius: 50%;
  content: "";
  display: block;
  -webkit-animation: amplify 3s infinite;
  -moz-animation: amplify 3s infinite;
  animation: amplify 3s infinite;
}

/* 内页分类 */
.detailList {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  border-bottom: 1px solid #E8EBEB;
  background-color: #fff;
  z-index: 9;
}

.detailList.down {
  top: 5.20833vw;
}

.detailList ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.125vw;
  line-height: 3.125vw;
}

.detailList ul li {
  margin-right: 2.91667vw;
}

.detailList ul li:last-child {
  margin-right: 0px;
}

.detailList ul li.active a {
  color: #0040A0;
}

.detailList ul li a {
  font-size: 0.9375vw;
  color: #333333;
}

@media (max-width: 1200px) {

  /* 内页banner */
  .detailBanner .content .title {
    font-size: 3vw;
    margin-bottom: 0.5833vw;
  }

  .detailBanner .content .desc {
    font-size: 1.25vw;
  }

  /* 内页标题 */
  .detailTitle .title {
    font-size: 2.6667vw;
  }

  .detailTitle .line {
    width: 4.5833vw;
    height: 0.2917vw;
  }

  .detailTitle .line::after {
    width: 1.1417vw;
  }

  .detailTitle .assistantTitle{
    font-size: 2.3958vw;
  }

  /* 内页分类 */
  .detailList ul {
    height: 3.75vw;
    line-height: 3.75vw;
  }

  .detailList ul li {
    margin-right: 4.1667vw;
  }

  .detailList ul li a {
    font-size: 1.1667vw;
  }

  @-webkit-keyframes lineWidth {
    0% {
      width: 0px;
    }

    100% {
      width: 60px;
    }
  }

  @-moz-keyframes lineWidth {
    0% {
      width: 0px;
    }

    100% {
      width: 60px;
    }
  }

  @keyframes lineWidth {
    0% {
      width: 0px;
    }

    100% {
      width: 60px;
    }
  }

  /* 面包屑导航 */
  .breadcrumbsNav ul li a {
    font-size: 1vw;
  }

  .breadcrumbsNav ul li i {
    font-size: 1vw;
  }

  /* 产品列表 */
  .products {
    margin: 4.1667vw auto 4vw;
  }

  .products .productsList {
    margin: 5vw auto 3.3333vw;
  }

  .products .productsList ul li {
    margin-right: 5vw;
  }

  .products .productsList ul li a {
    font-size: 1.4167vw;
    padding-bottom: 1.5vw;
  }

  .products .productsMain ul li a {
    min-height: 20vw;
  }

  .products .productsMain ul li .content {
    padding-left: 3.16667vw;
  }

  .products .productsMain ul li .content .title {
    font-size: 2vw;
    margin-bottom: 0.3333vw;
  }

  .products .productsMain ul li .content .desc {
    font-size: 1.1667vw;
  }

  .products .productsMain ul li .content .more {
    font-size: 1vw;
    width: 7.6667vw;
    height: 2.6667vw;
    border-radius: 2.5vw;
  }

  .products .productsMain ul li .content .more i {
    font-size: 1.0833vw;
  }

  /* 产品详情 */
  .productsInfoBg .productsInfo .content .title {
    font-size: 1.6667vw;
  }

  .productsInfoBg .productsInfo .content .desc {
    font-size: 3.25vw;
  }

  .productsInfoBg .productsInfo .content .play {
    width: 13.75vw;
    height: 3.5vw;
    border-radius: 3.5vw;
    padding: 0px 1.5833vw 0px 0.6667vw;
  }

  .productsInfoBg .productsInfo .content .play span {
    font-size: 1vw;
  }

  .productsInfoBg .productsInfo .content .play img {
    height: 2.3333vw;
  }

  .productsIntro .title {
    font-size: 2vw;
  }

  .productsIntro .desc {
    font-size: 1.1667vw;
    line-height: 2vw;
  }

  .precise .preciseMain .content .title {
    font-size: 1.9167vw;
  }

  .precise .preciseMain .content .desc {
    font-size: 1.1667vw;
    line-height: 2vw;
  }

  .precise .preciseMain2 .content .title {
    font-size: 1.9167vw;
  }

  .precise .preciseMain2 .content .desc {
    font-size: 1.1667vw;
    line-height: 2vw;
  }

  .efficient .efficientMain ul li .content .title {
    font-size: 1.9167vw;
  }

  .efficient .efficientMain ul li .content .desc {
    font-size: 1.1667vw;
    line-height: 2vw;
  }
  
  .compose .composeMain1 .content .title{
      font-size: 1.9167vw;
  }
  .compose .composeMain1 .content .desc{
      font-size: 1.1667vw;line-height: 2vw;
  }
  
  .compose .composeMain2 ul li .content .title {
    font-size: 1.9167vw;
  }

  .compose .composeMain2 ul li .content .desc {
    font-size: 1.1667vw;
    line-height: 2vw;
  }

  .easy .easyMain ul li .content .title {
    font-size: 1.9167vw;
  }

  .easy .easyMain ul li .content .desc {
    font-size: 1.1667vw;
    line-height: 2vw;
  }

  .intelligence .intelligenceMain ul li .content .title {
    font-size: 1.9167vw;
  }

  .intelligence .intelligenceMain ul li .content .desc {
    font-size: 1.1667vw;
    line-height: 2vw;
  }

  .relatedProductsBg .relatedProducts .detailTitle .desc {
    font-size: 1.1667vw;
    line-height: 2vw;
  }

  .relatedProductsBg .relatedProducts .relatedProductsMain .swiper-slide .content .title {
    font-size: 1.5vw;
    line-height: 2.5vw;
  }

  .introductionToReagentsBg .introductionToReagents .detailTitle .desc {
    font-size: 1.1667vw;
  }

  .introductionToReagentsBg .introductionToReagents .introductionToReagentsMain .swiper-slide .right .content .item .desc {
    font-size: 1.0833vw;
  }

  .introductionToReagentsBg .introductionToReagents .introductionToReagentsMain .swiper-slide .right .content .item {
    line-height: 2.3333vw;
  }

  .introductionToReagentsBg .introductionToReagents .introductionToReagentsMain .swiper-slide .right .content {
    height: 27.9996vw;
  }

  .introductionToReagentsBg .introductionToReagents .swiper-button-prev {
    left: 2%;
  }

  .introductionToReagentsBg .introductionToReagents .swiper-button-next {
    right: 2%;
  }

  .easyToInspect .easyToInspect1 .content .desc {
    font-size: 1.1667vw;
    line-height: 2vw;
  }

  .easyToInspect .easyToInspect2 .content .title {
    font-size: 1.1667vw;
    line-height: 2vw;
  }

  /* 新闻列表 */
  .newsBg .events .content {
    width: 48%;
  }

  .newsBg .events .images {
    width: 52%;
  }

  .newsBg .events .content .texts .swiper-slide .title {
    font-size: 1.6667vw;
    line-height: 2.1667vw;
  }

  .newsBg .events .content .texts .swiper-slide .desc {
    font-size: 1.1667vw;
    line-height: 1.9167vw;
  }

  .newsBg .events .content .texts .swiper-slide .time {
    font-size: 12px;
  }

  .newsBg .events .content .texts .swiper-slide .time i {
    font-size: 1.1667vw;
    margin-top: 2px;
  }

  .newsBg .news .newsMain ul li .content {
    height: 11.6667vw;
  }

  .newsBg .news .newsMain ul li .content .time {
    font-size: 12px;
  }

  .newsBg .news .newsMain ul li .content .time i {
    font-size: 1.1667vw;
  }

  .newsBg .news .newsMain ul li .content .title {
    font-size: 1.25vw;
    line-height: 1.9167vw;
    height: 3.8333vw;
  }
  
  .newsBg .news .newsMain ul li .content .intro {
    font-size: 0.875vw;
    line-height: 1.625vw;
    height: 3.25vw;
    margin-bottom: 2.063vw;
}

  .newsBg .news .newsMain ul li .content .more {
    font-size: 1.1667vw;
  }
  
  .newsBg .news2 {
  width: 71.25vw;
}
.newsBg .news2 ul li {
  margin-bottom: 2.5vw;
}
.newsBg .news2 ul li a {
  padding: 1.25vw 2.5vw;
}
.newsBg .news2 ul li a:hover {
  box-shadow: 0px 0px 0.875vw #999;
}
.newsBg .news2 ul li a .content {
  margin-right: 2.5vw;
}
.newsBg .news2 ul li a .content .title {
  font-size: 1.125vw;
  margin-top: 1.75vw;
}
.newsBg .news2 ul li a .content .intro {
  font-size: 0.875vw;
  line-height: 1.688vw;
  height: 5.063vw;
  margin-top: 0.688vw;
}
.newsBg .news2 ul li a .other .time p {
  font-size: 1.375vw;
  line-height: 1.75vw;
}
.newsBg .news2 ul li a .other .time span {
  font-size: 0.875vw;
  margin-top: 0.438vw;
  margin-bottom: 1.563vw;
  line-height: 1.375vw;
}

  /* 新闻详情 */
  .newsDetailBg .newsDetailHead .time {
    font-size: 1vw;
  }

  .newsDetailBg .newsDetailHead .title {
    font-size: 2.6667vw;
    margin-bottom: 0.75vw;
  }

  .newsDetailBg .newsDetailMain .content {
    font-size: 1.1667vw;
    line-height: 2.0833vw;
  }

  .newsDetailBg .newsDetailMain .newsDetailShare span {
    font-size: 1vw;
  }

  .newsDetailBg .newsDetailMain {
    border-radius: 1.6667vw;
  }

  .newsDetailBg .newsDetailMain .content h2 {
    font-size: 1.3333vw;
  }

  .newsDetailBg .newsDetailMain .newsDetailBtns .btn {
    height: auto;
  }

  .newsDetailBg .newsDetailMain .newsDetailBtns .btn .title {
    font-size: 1.2vw;
  }

  .newsDetailBg .newsDetailMain .newsDetailBtns .btn a {
    padding: 2.5vw 2.5vw;
  }

  .newsDetailBg .newsDetailMain .newsDetailBtns .btn span {
    font-size: 1vw;
    width: 3.5833vw;
    height: 1.75vw;
    line-height: 1.75vw;
  }

  /* 云视频 */
  .video .detailTitle .title {
    font-size: 2vw;
  }

  .video .videoList ul li a {
    min-width: 9.1667vw;
    height: 3.1667vw;
    border-radius: 2.5vw;
    font-size: 1.1667vw;
  }

  .video .videoMain ul li .image .play {
    width: 3.5vw;
    height: 3.5vw;
    font-size: 1vw;
  }

  .video .videoMain ul li .content .time {
    font-size: 1.0833vw;
    margin-bottom: 0.75vw;
  }

  .video .videoMain ul li .content .time i {
    font-size: 1.0833vw;
    margin-right: 0.3333vw;
  }

  .video .videoMain ul li .content .title {
    font-size: 1.3333vw;
  }

  /* 产品改进建议 */
  .productsProposalBg .productsProposal .productsProposalTitle .title {
    font-size: 2.8333vw;
    margin-bottom: 0.9167vw;
  }

  .productsProposalBg .productsProposal .productsProposalTitle .desc {
    font-size: 1.1667vw;
  }

  .productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput span {
    font-size: 1.0833vw;
  }

  .productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput span i {
    font-size: 1.0833vw;
  }

  .productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput input {
    font-size: 12px;
  }

  .productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput textarea {
    font-size: 12px;
  }

  .productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalSubmit button {
    width: 10.4167vw;
    height: 3.3333vw;
    border-radius: 2.5vw;
    font-size: 1.1667vw;
  }

  /* ESG */
  .esg {
    margin: 5vw auto 5.4167vw;
  }

  .esg ul li {
    margin-bottom: 1.6667vw;
  }

  .esg ul li a {
    height: 18.3333vw;
    padding: 0px 4.5833vw 0px 4.1667vw;
  }

  .esg ul li .content .title {
    font-size: 1.25vw;
    line-height: 2vw;
  }

  .esg ul li .content .desc {
    font-size: 1.0833vw;
  }

  .esg ul li .content .desc img {
    height: 2.1667vw;
    margin-right: 0.4167vw;
  }

  /* 股票 */
  .shareCertificateBg .shareCertificate .right ul li .title {
    font-size: 1.1667vw;
  }

  .shareCertificateBg .shareCertificate .right p {
    font-size: 1.1667vw;
  }

  .shareCertificateBg .shareCertificate .right ul li .desc {
    font-size: 2.5vw;
  }

  .shareCertificateBg .shareCertificate .left .ratio {
    font-size: 15px;
  }

  /* 最新公告 */
  .notice .detailTitle .line {
    height: 0.25vw;
  }

  .notice .noticeMain ul li a {
    height: 5vw;
  }

  .notice .noticeMain ul li .title {
    font-size: 1.1667vw;
  }

  .notice .noticeMain ul li .title img {
    height: 3.0833vw;
  }

  .notice .noticeMain ul li .time {
    font-size: 1.0417vw;
  }

  .notice .noticeHead .search input {
    font-size: 1vw;
  }

  .notice .noticeHead .select .layui-form-select .layui-input {
    font-size: 1.3333vw;
  }

  .notice .noticeHead .select .layui-form-select dl dd,
  .notice .noticeHead .select .layui-form-select dl dt {
    line-height: 2.5vw;
    font-size: 1.0833vw;
  }

  /* 关于我们 */
  .idea .detailTitle .title {
    font-size: 1.3333vw;
  }

  .idea .detailTitle .desc {
    font-size: 2vw;
    margin-top: 1.25vw;
  }

  .idea .ideaMain .right ul li.active {
    max-height: 12.5vw;
  }

  .idea .ideaMain .right ul li.active .desc {
    max-height: 5.5vw;
  }

  .idea .ideaMain .right ul li .title {
    font-size: 1.6667vw;
  }

  .idea .ideaMain .right ul li .desc {
    font-size: 1.1667vw;
    line-height: 1.8333vw;
  }

  .innovate .left .detailTitle .title {
    font-size: 1.3333vw;
  }

  .innovate .left .detailTitle .desc {
    font-size: 2vw;
    margin-top: 1.25vw;
  }

  .innovate .left .content .desc {
    font-size: 1.1667vw;
    line-height: 2vw;
  }

  .innovate .left .content .more {
    font-size: 1vw;
    width: 8.3333vw;
    height: 2.9167vw;
    border-radius: 2.5vw;
  }

  .businessBg .business .businessHead .detailTitle .title {
    font-size: 1.3333vw;
  }

  .businessBg .business .businessHead .detailTitle .desc {
    font-size: 2vw;
    margin-top: 1.25vw;
  }

  .businessBg .business .businessHead .content .desc {
    font-size: 1.1667vw;
    line-height: 2vw;
  }

  .businessBg .business .businessHead .content .more {
    font-size: 1vw;
    width: 8.3333vw;
    height: 2.9167vw;
    border-radius: 2.5vw;
  }

  .businessBg .indexBusinessMain .content ul li .text .title {
    font-size: 2.6667vw;
  }

  .businessBg .indexBusinessMain .content ul li .text .desc {
    font-size: 1.0833vw;
  }

  .chronicle .right .detailTitle .title {
    font-size: 1.3333vw;
  }

  .chronicle .right .detailTitle .desc {
    font-size: 2vw;
    margin-top: 1.25vw;
  }

  .chronicle .right .content .desc {
    font-size: 1.1667vw;
    line-height: 2vw;
  }

  .chronicle .right .content .more {
    font-size: 1vw;
    width: 8.3333vw;
    height: 2.9167vw;
    border-radius: 2.5vw;
  }

  .culture .left .detailTitle .title {
    font-size: 1.3333vw;
  }

  .culture .left .detailTitle .desc {
    font-size: 2vw;
    margin-top: 1.25vw;
  }

  .culture .left .content .desc {
    font-size: 1.1667vw;
    line-height: 2vw;
  }

  .culture .left .content .more {
    font-size: 1vw;
    width: 8.3333vw;
    height: 2.9167vw;
    border-radius: 2.5vw;
  }

  .aboutusEsgBg .aboutusEsg .right .detailTitle .title {
    font-size: 1.3333vw;
  }

  .aboutusEsgBg .aboutusEsg .right .detailTitle .desc {
    font-size: 2vw;
    margin-top: 1.25vw;
  }

  .aboutusEsgBg .aboutusEsg .right .content .desc {
    font-size: 1.1667vw;
    line-height: 2vw;
  }

  .aboutusEsgBg .aboutusEsg .right .content .more {
    font-size: 1vw;
    width: 8.3333vw;
    height: 2.9167vw;
    border-radius: 2.5vw;
  }

  /* 创新 */
  .smartTesting .detailTitle .title {
    font-size: 2vw;
  }

  .smartTesting .detailTitle .desc {
    font-size: 1.1667vw;
    line-height: 2.1667vw;
  }

  .smartTesting .smartTestingMain ul li .content .title {
    font-size: 1.6667vw;
  }

  .smartTesting .smartTestingMain ul li .content .desc {
    font-size: 1.25vw;
    line-height: 2.0833vw;
  }

  .breakThrough .detailTitle .title {
    font-size: 2vw;
  }

  .breakThrough .detailTitle .desc {
    font-size: 1.1667vw;
    line-height: 2.1667vw;
  }

  .breakThrough .breakThroughMain ul li .content .desc {
    font-size: 1.25vw;
    line-height: 2.0833vw;
  }

  .mark .detailTitle .title {
    font-size: 2vw;
  }

  .mark .detailTitle .desc {
    font-size: 1.1667vw;
    line-height: 2.1667vw;
  }

  .mark .markMain ul li .desc {
    font-size: 1.25vw;
    line-height: 2.0833vw;
  }

  .separate .detailTitle .title {
    font-size: 2vw;
  }

  .separate .detailTitle .desc {
    font-size: 1.1667vw;
    line-height: 2.1667vw;
  }

  .separate .separateMain ul li .desc {
    font-size: 1.25vw;
    line-height: 2.0833vw;
  }

  /* 服务网点 */
  .serviceBg .detailTitle .title {
    font-size: 2vw;
  }

  .serviceBg .service .left .content .item .list span {
    font-size: 1vw;
  }

  .serviceBg .service .left .content .item .icon {
    width: 2.5vw;
  }

  .serviceBg .service .left .content .item .icon img {
    height: 2.5vw;
  }

  .serviceBg .service .left .content .item .list .desc {
    font-size: 1.25vw;
    line-height: 1.8333vw;
    margin-top: 0.5vw;
  }

  .serviceBg .service .left .content .item:last-child .list .desc {
    font-size: 1.6667vw;
    line-height: 1.6667vw;
  }

  .serviceBg .service .left .indicate p {
    font-size: 1vw;
  }

  .serviceBg .service .left .select .layui-form-select .layui-input {
    font-size: 1.3333vw;
  }

  .serviceBg .service .left .select .layui-form-select dl dd,
  .serviceBg .service .left .select .layui-form-select dl dt {
    line-height: 2.6667vw;
    font-size: 1.1667vw;
  }

  /* 发展历程 */
  .historyBg .history .right {
    width: 40%;
  }

  .historyBg .history .right .historyMain .swiper-slide ul li .year {
    font-size: 1.6667vw;
  }

  .historyBg .history .right .historyMain .swiper-slide ul li .desc {
    font-size: 1.0833vw;
    line-height: 1.9167vw;
  }

  /* 试剂套餐 */
  .package .detailTitle .title {
    font-size: 2vw;
  }

  .package .detailTitle .desc {
    font-size: 1.1667vw;
    line-height: 2.1667vw;
  }
}

/* 移动端 */
@media (max-width: 992px) {

  /* 产品下拉 */
  .productsMenus {
    display: none;
  }

  /* 新闻列表 */
  .newsBg .news .newsMain ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }

  .newsBg .news .newsMain ul li:nth-child(3n+3) {
    margin-right: 4%;
  }

  .newsBg .news .newsMain ul li:nth-child(2n+2) {
    margin-right: 0%;
  }

  /* 云视频 */
  .video .videoMain ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }

  .video .videoMain ul li:nth-child(3n+3) {
    margin-right: 4%;
  }

  .video .videoMain ul li:nth-child(2n+2) {
    margin-right: 0%;
  }
}

@media (max-width: 768px) {

  /* 内页banner */
  .detailBanner .content .title {
    font-size: 26px;
    margin-bottom: 6px;
  }

  .detailBanner .content .desc {
    font-size: 14px;
  }

  .detailBanner .networkCode {
    bottom: 6%;
  }

  .detailBanner .networkCode .item {
    margin-right: 10px;
  }

  .detailBanner .networkCode .item img {
    height: 50px;
    border-radius: 3px;
  }

  .detailBanner .networkCode .item .networkCodeTitle {
    width: 50px;
    font-size: 10px;
    margin-top: 5px;
  }

  /* 内页分类 */
  .detailList {
    top: 60px;
  }

  .detailList.down {
    top: 60px;
  }

  .detailList ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    line-height: 45px;
  }

  .detailList ul li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
  }

  .detailList ul li a {
    font-size: 16px;
  }

  /* 内页标题 */
  .detailTitle .title {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: bold;
  }

  .detailTitle .line {
    width: 50px;
    height: 6px;
  }

  .detailTitle .line::after {
    width: 12px;
  }

  .detailTitle .assistantTitle{
    font-size: 20px;
    margin-top: 15px;
  }

  @-webkit-keyframes lineWidth {
    0% {
      width: 0px;
    }

    100% {
      width: 50px;
    }
  }

  @-moz-keyframes lineWidth {
    0% {
      width: 0px;
    }

    100% {
      width: 50px;
    }
  }

  @keyframes lineWidth {
    0% {
      width: 0px;
    }

    100% {
      width: 50px;
    }
  }

  /* 面包屑导航 */
  .breadcrumbsNav {
    display: none;
  }

  .breadcrumbsNav ul li a {
    font-size: 13px;
  }

  .breadcrumbsNav ul li i {
    font-size: 13px;
  }

  /*  产品列表 */
  .products {
    margin: 40px auto;
  }

  .products .productsList {
    margin: 25px auto 30px;
    overflow: hidden;
    border-bottom: 0px;
  }

  .products .productsList ul {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 13px;
  }

  .products .productsList ul::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #d5d5d5;
  }

  .products .productsList ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background-color: #d5d5d5;
  }

  .products .productsList ul::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    background-color: #00409E;
  }

  .products .productsList ul li {
    margin-right: 17px;
  }

  .products .productsList ul li.active a {
    background-color: #00409E;
    color: #fff;
  }

  .products .productsList ul li a {
    font-size: 16px;
    white-space: nowrap;
    border: 1px solid #E0E0E0;
    padding: 11px 10px;
  }

  .products .productsList ul li a::after {
    display: none;
    height: 2.5px;
  }

  .products .productsMain {
    margin-bottom: 35px;
  }

  .products .productsMain ul li {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 16px;
  }

  .products .productsMain ul li a {
    min-height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .products .productsMain ul li a::before {
    width: 100%;
  }

  .products .productsMain ul li a::after {
    display: none;
  }

  .products .productsMain ul li .image {
    width: 100%;
  }

  .products .productsMain ul li .image img {
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
  }

  .products .productsMain ul li .content {
    width: 100%;
    padding: 0px 20px 26px;
  }

  .products .productsMain ul li .content .title {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .products .productsMain ul li .content .desc {
    font-size: 14px;
    line-height: 24px;
    height: auto;
    margin-bottom: 16px;
  }

  .products .productsMain ul li .content .more {
    width: 110px;
    height: 40px;
    border-radius: 30px;
    font-size: 12px;
    border-width: 2px;
  }

  .products .productsMain ul li .content .more i {
    font-size: 14px;
  }

  /* 产品详情 */
  .productsInfoBg .productsInfo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .productsInfoBg .productsInfo .image {
    width: 100%;
    height: auto;
  }

  .productsInfoBg .productsInfo .images img.mobile{
    display: block;
  }

  .productsInfoBg .productsInfo .images img.pc{
    display: none;
  }

  .productsInfoBg .productsInfo .images .swiper-slide .pro {
    width: 100%;
    height: auto;
  }

  .productsInfoBg .productsInfo .images .swiper-slide .play img {
    height: 45px;
  }

  .productsInfoBg .productsInfo .content {
    width: 100%;
    margin-top: 20px;
  }

  .productsInfoBg .productsInfo .content .title {
    font-size: 20px;
    margin-bottom: 11px;
  }

  .productsInfoBg .productsInfo .content .desc {
    font-size: 45px;
    margin-bottom: 25px;
  }

  .productsInfoBg .productsInfo .content .play {
    width: auto;
    height: auto;
    border-radius: 30px;
    border-width: 2px;
    padding: 10px 18px;
    display: inline-block;
  }

  .productsInfoBg .productsInfo .content .play span {
    font-size: 22px;
    margin-left: 9px;
    vertical-align: middle;
  }

  .productsInfoBg .productsInfo .content .play img {
    height: 35px;
  }

  .productsIntro {
    margin: 40px auto;
  }

  .productsIntro .title {
    font-size: 19px;
    margin-bottom: 12px;
  }

  .productsIntro .desc {
    font-size: 15.7px;
    line-height: 1.5;
    text-align: justify;
  }

  .productsIntro .image {
    margin-top: 12px;
  }

  .precise {
    margin-top: 40px;
  }

  .precise .preciseMain {
    margin-top: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .precise .preciseMain .image {
    width: 100%;
    margin-bottom: 20px;
  }

  .precise .preciseMain .content {
    width: 100%;
    margin: 0px;
  }

  .precise .preciseMain .content .title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .precise .preciseMain .content .desc {
    font-size: 15.7px;
    line-height: 1.5;
  }

  .precise .preciseMain2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0px;
    background: none;
    margin-top: 25px;
  }

  .precise .preciseMain2 .content .title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .precise .preciseMain2 .content .desc {
    font-size: 15.7px;
    line-height: 1.5;
  }

  .precise .preciseMain2 .image {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  .precise .preciseMain2 .image img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }

  .precise .preciseMain2 .image img:last-child {
    margin-bottom: 0px;
  }
  
  .compose {
    margin-top: 40px;
  }
  
  .compose .composeMain1 {
    margin-top: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  } 

  .compose .composeMain1 .image {
    width: 100%;
    margin-bottom: 20px;
  }

  .compose .composeMain1 .content {
    width: 100%;
    margin: 0px;
  }

  .compose .composeMain1 .content .title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .compose .composeMain1 .content .desc {
    font-size: 15.7px;
    line-height: 1.5;
  }
  
  .compose .composeMain2 {
    margin-top: 25px;
  }

  .compose .composeMain2 ul li {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 20px;
  }
  
   .compose .composeMain2 ul li:nth-last-child(-n+2) {
      margin-bottom: 20px;
    } 

  .compose .composeMain2 ul li:last-child{
    margin-bottom: 0px;
  }

  .compose .composeMain2 ul li .content {
    height: auto;
    padding: 26px 15px 20px;
  }

  .compose .composeMain2 ul li .content .title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .compose .composeMain2 ul li .content .desc {
    font-size: 15.7px;
    line-height: 1.5;
  }

  .efficient {
    margin-top: 40px;
  }

  .efficient .detailTitle .title{
    font-size: 25px;
  }

  .efficient .efficientMain {
    margin-top: 25px;
  }

  .efficient .efficientMain ul li {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -moz-box-orient: vertical !important;
    -moz-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    margin-bottom: 25px;
  }

  .efficient .efficientMain ul li:last-child {
    margin-bottom: 0px;
  }

  .efficient .efficientMain ul li .image {
    width: 100%;
    margin-bottom: 20px;
  }

  .efficient .efficientMain ul li .content {
    width: 100%;
  }

  .efficient .efficientMain ul li .content .title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .efficient .efficientMain ul li .content .desc {
    font-size: 15.7px;
    line-height: 1.5;
  }

  .efficient .efficientMain ul li:nth-child(odd) .content {
    margin-left: 0px;
  }

  .efficient .efficientMain ul li:nth-child(even) .content {
    margin-right: 0px;
  }

  .easy {
    margin-top: 40px;
  }

  .easy .detailTitle .title{
    font-size: 25px;
  }

  .easy .easyMain {
    margin-top: 25px;
  }

  .easy .easyMain ul li {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 20px;
  }

 .easy .easyMain ul li:nth-last-child(-n+2) {
  margin-bottom: 20px;
} 

  .easy .easyMain ul li:last-child{
    margin-bottom: 0px;
  }

  .easy .easyMain ul li .content {
    height: auto;
    padding: 26px 15px 20px;
  }

  .easy .easyMain ul li .content .title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .easy .easyMain ul li .content .desc {
    font-size: 15.7px;
    line-height: 1.5;
  }

  .intelligence {
    margin-top: 40px;
  }

  .intelligence .detailTitle .title{
    font-size: 25px;
  }

  .intelligence .intelligenceMain {
    margin-top: 25px;
  }

  .intelligence .intelligenceMain ul li {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 20px;
  }

  .intelligence .intelligenceMain ul li:nth-last-child(-n+2) {
    margin-bottom: 20px;
  }

  .intelligence .intelligenceMain ul li:last-child {
    margin-bottom: 0px;
  }

  .intelligence .intelligenceMain ul li .content {
    margin-top: 20px;
  }

  .intelligence .intelligenceMain ul li .content .title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .intelligence .intelligenceMain ul li .content .desc {
    font-size: 15.7px;
    line-height: 1.5;
  }

  .introductionToReagentsBg .introductionToReagents .introductionToReagentsMain {
    padding-bottom: 40px;
  }

  .introductionToReagentsBg .introductionToReagents .introductionToReagentsMain .swiper-pagination {
    display: block;
  }

  .introductionToReagentsBg .introductionToReagents .introductionToReagentsMain .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    opacity: 1 !important;
    border: 1px solid #ddd;
    background: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  .introductionToReagentsBg .introductionToReagents .introductionToReagentsMain .swiper-pagination .swiper-pagination-bullet-active {
    background: #0040a0;
    border-color: #0040a0;
  }

  .introductionToReagentsBg .introductionToReagents .more {
    width: 105px;
    height: 38px;
    border-radius: 30px;
    font-size: 13px;
    margin: 30px auto 0px;
  }

  .introductionToReagentsBg .introductionToReagents .more i {
    margin-left: 15px;
  }

  .relatedProductsBg {
    padding-top: 40px;
    margin-top: 40px;
  }

  .relatedProductsBg .relatedProducts .detailTitle .desc {
    font-size: 15.7px;
    line-height: 1.5;
  }

  .relatedProductsBg .relatedProducts .relatedProductsMain {
    margin-top: 25px;
    padding-bottom: 60px;
  }

  .relatedProductsBg .relatedProducts .relatedProductsMain .swiper-slide a {
    padding-bottom: 20px;
  }

  .relatedProductsBg .relatedProducts .relatedProductsMain .swiper-slide .content .title {
    font-size: 18px;
    line-height: 28px;
  }

  .relatedProductsBg .relatedProducts .relatedProductsMain .swiper-slide .content .desc {
    font-size: 18px;
    line-height: 28px;
  }

  .relatedProductsBg .relatedProducts .relatedProductsMain .swiper-slide .content {
    min-height: 56px;
    height: auto;
    padding: 0px 15px;
  }

  .relatedProductsBg .relatedProducts .relatedProductsMain .swiper-pagination {
    bottom: 25px !important;
  }

  .relatedProductsBg .relatedProducts .relatedProductsMain .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }

  .introductionToReagentsBg .introductionToReagents {
    margin: 40px 0px;
  }

  .introductionToReagentsBg .introductionToReagents .detailTitle .desc {
    font-size: 14px;
  }

  .introductionToReagentsBg .introductionToReagents .swiper-button-prev,
  .introductionToReagentsBg .introductionToReagents .swiper-button-next {
    display: none;
  }

  .easyToInspect {
    margin-top: 40px;
  }

  .easyToInspect .easyToInspect1 {
    margin-top: 25px;
    padding-bottom: 25px;
  }

  .easyToInspect .easyToInspect1 .content {
    padding: 20px;
  }

  .easyToInspect .easyToInspect1 .content .desc {
    font-size: 14px;
    line-height: 23px;
    text-align: justify;
  }

  .easyToInspect .easyToInspect1 .image {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .easyToInspect .easyToInspect1 .image a {
    margin-right: 0%;
    margin-bottom: 15px;
  }

  .easyToInspect .easyToInspect1 .image a:last-child {
    margin-bottom: 0px;
  }

  .easyToInspect .easyToInspect1 .image img {
    width: 100%;
    height: auto;
  }

  .easyToInspect .easyToInspect1 .image a .btn {
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 12px 0px 0px 0px;
    font-size: 22px;
  }

  .easyToInspect .easyToInspect2 {
    margin-top: 20px;
    padding: 0px;
  }

  .easyToInspect .easyToInspect2 .content {
    padding: 20px;
    margin-bottom: 0px;
  }

  .easyToInspect .easyToInspect2 .content .title {
    font-size: 14px;
    line-height: 23px;
    text-align: justify;
  }

  /* 新闻列表 */
  .newsBg .events {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 18px;
  }

  .newsBg .events .images {
    width: 100%;
  }

  .newsBg .events .content {
    width: 100%;
    padding: 24px 17px 45px;
  }

  .newsBg .events .content .texts .swiper-slide .title {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 8px;
  }

  .newsBg .events .content .texts .swiper-slide .desc {
    font-size: 14px;
    line-height: 23px;
    -webkit-line-clamp: 2;
  }

  .newsBg .events .content .texts .swiper-slide .time {
    font-size: 14px;
    margin-top: 15px;
  }

  .newsBg .events .content .texts .swiper-slide .time i {
    font-size: 15px;
    margin-top: -2px;
    margin-right: 3px;
  }

  .newsBg .events .swiper-button-prev,
  .newsBg .events .swiper-button-next {
    display: none;
  }

  .newsBg .events .swiper-scrollbar {
    left: 50%;
    bottom: 20px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 110px;
    height: 3px;
  }

  .newsBg .events .eventsPagination .eventsPaginationCurrent {
    display: none;
  }

  .newsBg .events .eventsPagination .eventsPaginationTotal {
    display: none;
  }

  .newsBg {
    padding: 40px 0px;
  }

  .newsBg .news .newsMain ul li {
    width: 100%;
    margin-right: 0% !important;
    margin-bottom: 18px !important;
  }

  .newsBg .news .newsMain ul li .content {
    height: auto;
    padding: 20px 17px;
  }

  .newsBg .news .newsMain ul li .content .time {
    font-size: 14px;
  }

  .newsBg .news .newsMain ul li .content .time i {
    font-size: 15px;
    margin-right: 3px;
  }

  .newsBg .news .newsMain ul li .content .title {
    font-size: 18px;
    line-height: 28px;
    height: auto;
    margin: 8px auto 10px;
    font-weight: bold;
  }
  
  .newsBg .news .newsMain ul li .content .intro {
      font-size: 14px;
    line-height: 22px;
    height: auto;
    margin-bottom: 18px
  }

  .newsBg .news .newsMain ul li .content .more {
    font-size: 18px;
  }
  .newsBg .news .newsMain ul li.row {
      margin: 0px;
  }
  .newsBg .news .newsMain ul li.row:hover {
    box-shadow: 0px 5px 20px #eee;
}
  .newsBg .news .newsMain ul li.row a {
      -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
      -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  }
  
  .newsBg .news .newsMain ul li.row .image {
      width: 100%;
  }
  .newsBg .news .newsMain ul li.row .content {
    width: 100%;
    padding: 20px 17px;
  }
  
  .newsBg .news2 {
    width: 100%;
}
.newsBg .news2 ul li {
    margin-bottom: 40px;
}

    .newsBg .news2 ul li a {
    padding: 20px 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    }
    .newsBg .news2 ul li a:hover {
            box-shadow: 0px 0px 14px #999;
    }
    .newsBg .news2 ul li a .content {
         margin-right: 0px;
    }
    .newsBg .news2 ul li a .content .title {
        font-size: 18px;
        margin-top: 6px;
    }
    .newsBg .news2 ul li a .content .intro {
    font-size: 14px;
    line-height: 27px;
    height: 81px;
    margin-top: 11px;
    }
    .newsBg .news2 ul li a .other .time p {
        font-weight: 400;
        display: inline-block;
        font-size: 14px;
    color: #666;
    line-height: 22px;
    }
    .newsBg .news2 ul li a .other .time span {
        display: inline-block;
        font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 22px;
    color: #666;
    }
    .newsBg .news2 ul li a .other .arrow {
        display: none;
    }

  /* 新闻详情 */
  .newsDetailBg {
    padding: 100px 0px 40px;
  }

  .newsDetailBg .newsDetailHead {
    margin-top: 0px;
    margin-bottom: 25px;
  }

  .newsDetailBg .newsDetailHead .time {
    font-size: 14px;
  }

  .newsDetailBg .newsDetailMain .newsDetailShare span {
    font-size: 13px;
  }

  .newsDetailBg .newsDetailHead .title {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 12px;
  }

  .newsDetailBg .newsDetailMain {
    border-radius: 12px;
    padding: 20px 14px 30px;
  }

  .newsDetailBg .newsDetailMain .content {
    font-size: 15.7px;
    line-height: 1.5;
  }

  .newsDetailBg .newsDetailMain .content h2 {
    font-size: 17px;
  }

  .newsDetailBg .newsDetailMain .newsDetailBtns {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 40px;
    padding-top: 25px;
  }

  .newsDetailBg .newsDetailMain .newsDetailBtns .btn {
    width: 100%;
    margin-bottom: 17px;
  }

  .newsDetailBg .newsDetailMain .newsDetailBtns .btn:last-child {
    margin-bottom: 0px;
  }

  .newsDetailBg .newsDetailMain .newsDetailBtns .btn span {
    font-size: 12px;
    width: 47px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 12px;
  }

  .newsDetailBg .newsDetailMain .newsDetailBtns .btn a {
    padding: 16px 13px;
  }

  .newsDetailBg .newsDetailMain .newsDetailBtns .btn .title {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: revert;
  }

  /* 产品改进建议 */
  .productsProposalBg {
    padding: 60px 20px 40px;
  }

  .productsProposalBg .productsProposal {
    padding: 40px 20px;
    border-radius: 20px;
  }

  .productsProposalBg .productsProposal .productsProposalTitle {
    margin-bottom: 25px;
  }

  .productsProposalBg .productsProposal .productsProposalTitle .title {
    font-size: 22px;
    margin-bottom: 12px;
  }

  .productsProposalBg .productsProposal .productsProposalTitle .desc {
    font-size: 14px;
    line-height: 23px;
  }

  .productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 20px;
  }

  .productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput.textarea {
    margin-top: 0px;
    margin-bottom: 30px;
  }

  .productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput span {
    font-size: 14px;
    margin-bottom: 8px;
  }

  .productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput span i {
    font-size: 15px;
    margin-right: 4px;
  }

  .productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput input {
    height: 47px;
    font-size: 14px;
    padding: 0px 12px;
  }

  .productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalInput textarea {
    height: 88px;
    font-size: 14px;
    padding: 12px;
    resize: none;
  }

  .productsProposalBg .productsProposal .productsProposalMain .layui-form .productsProposalSubmit button {
    width: 105px;
    height: 43px;
    border-radius: 30px;
    font-size: 14px;
    border-width: 2px;
  }

  /* ESG */
  .esg {
    margin: 40px 0px;
  }

  .esg ul li {
    margin-bottom: 18px;
  }

  .esg ul li a {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 16px;
  }

  .esg ul li .image {
    width: 50%;
    padding: 5px;
    margin-bottom: 25px;
  }

  .esg ul li .image img {
    width: 100%;
    max-height: none;
  }

  .esg ul li .content {
    width: 100%;
  }

  .esg ul li .content .title {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 12px;
  }

  .esg ul li .content .desc {
    font-size: 13px;
  }

  .esg ul li .content .desc img {
    height: 24px;
  }

  /* 云视频 */
  .video {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .video .detailTitle .title {
    font-size: 24px;
  }

  .video .videoList {
    margin: 25px 0px 30px;
  }

  .video .videoList ul li {
    margin-right: 7px;
  }

  .video .videoList ul li a {
    min-width: 97px;
    height: 38px;
    border-radius: 30px;
    font-size: 14px;
  }

  .video .videoMain ul li {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 20px !important;
  }

  .video .videoMain ul li .content {
    margin-top: 16px;
  }

  .video .videoMain ul li .content .time {
    font-size: 14px;
    margin-bottom: 7px;
  }

  .video .videoMain ul li .content .time i {
    font-size: 14px;
    margin-right: 4px;
  }

  .video .videoMain ul li .content .title {
    font-size: 18px;
  }

  .video .videoMain ul li .image .play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    font-size: 12px;
  }

  /* 最新公告 */
  .shareCertificateBg {
    width: auto;
    height: auto;
    margin: 40px 20px;
    padding: 24px 16px;
  }

  .shareCertificateBg .shareCertificate {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .shareCertificateBg .shareCertificate .left {
    width: 100%;
    height: auto;
    padding: 0px;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-right: 0px;
    border-bottom: 1px solid #E0E0E0;
  }

  .shareCertificateBg .shareCertificate .left .title {
    font-size: 22px;
  }

  .shareCertificateBg .shareCertificate .left .sum b {
    font-size: 30px;
  }

  .shareCertificateBg .shareCertificate .left .sum i {
    font-size: 13px;
  }

  .shareCertificateBg .shareCertificate .right {
    width: 100%;
    padding: 0px;
  }

  .shareCertificateBg .shareCertificate .right ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .shareCertificateBg .shareCertificate .right ul li {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%;
    margin-bottom: 14px;
  }

  .shareCertificateBg .shareCertificate .right ul li .title {
    font-size: 13px;
    margin-bottom: 4px;
  }

  .shareCertificateBg .shareCertificate .right ul li .desc {
    font-size: 24px;
  }

  .shareCertificateBg .shareCertificate .right p {
    font-size: 13px;
    line-height: 22px;
  }

  .notice {
    margin: 40px 0px;
  }

  .notice .detailTitle .title {
    font-size: 24px;
  }

  .notice .detailTitle .line {
    height: 6px;
  }

  .notice .detailTitle .line::after {
    width: 12px;
  }

  .notice .noticeHead {
    margin-top: 25px;
  }

  .notice .noticeHead .select {
    width: 130px;
  }

  .notice .noticeHead .select .layui-form-select .layui-input {
    font-size: 16px;
    height: 40px;
  }

  .notice .noticeHead .select .layui-form-select dl {
    top: 45px;
  }

  .notice .noticeHead .select .layui-form-select dl::-webkit-scrollbar {
    width: 3px;
    height: 3px;
  }

  .notice .noticeHead .select .layui-form-select dl dd,
  .notice .noticeHead .select .layui-form-select dl dt {
    line-height: 36px;
    font-size: 13px;
  }

  .notice .noticeHead .search input {
    width: 180px;
    height: 40px;
    border-radius: 30px;
    border-width: 2px;
    font-size: 13px;
    padding: 0px 40px 0px 13px;
  }

  .notice .noticeHead .search button {
    font-size: 18px;
    right: 12px;
  }

  .notice .noticeMain {
    margin: 30px 0px;
  }

  .notice .noticeMain ul li {
    margin-bottom: 14px;
  }

  .notice .noticeMain ul li a {
    min-height: 50px;
    height: auto;
    padding: 18px 12px;
  }

  .notice .noticeMain ul li .title {
    font-size: 14px;
    line-height: 23px;
  }

  .notice .noticeMain ul li .title span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .notice .noticeMain ul li .title img {
    height: 38px;
  }

  .notice .noticeMain ul li .time {
    display: none;
    font-size: 13px;
    margin-left: 20px;
  }

  .notice .noticeMain ul li .time img {
    height: 14px;
    margin-right: 3px;
  }

  .expandMore {
    width: 90px;
  }

  .expandMore span {
    font-size: 15px;
    white-space: nowrap;
  }

  .expandMore img {
    height: 15px;
    margin-left: 3px;
  }

  /* 关于我们 */
  .idea {
    padding-top: 40px;
  }

  .idea .detailTitle .title {
    font-size: 20px;
    font-weight: normal;
  }

  .idea .detailTitle .line {
    width: 50px;
    height: 6px;
    margin-left: 6px;
  }

  .idea .detailTitle .line::after {
    width: 12px;
  }

  .idea .detailTitle .desc {
    font-size: 23px;
    line-height: 30px;
  }

  .idea .ideaMain {
    margin-top: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .idea .ideaMain .left {
    width: 100%;
  }

  .idea .ideaMain .right {
    width: 100%;
    margin-top: 25px;
  }

  .idea .ideaMain .right ul li {
    padding: 14px 0px;
    max-height: 70px;
  }

  .idea .ideaMain .right ul li .title {
    font-size: 19px;
    margin-bottom: 8px;
  }

  .idea .ideaMain .right ul li .desc {
    font-size: 14px;
    line-height: 24px;
  }

  .idea .ideaMain .right ul li .desc::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: #d5d5d5;
  }

  .idea .ideaMain .right ul li.active {
    max-height: 140px;
  }

  .idea .ideaMain .right ul li.active .desc {
    max-height: 96px;
  }

  .innovate {
    padding: 40px 20px;
    margin-bottom: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .innovate .left {
    width: 100%;
    margin-bottom: 30px;
  }

  .innovate .left .detailTitle .title {
    font-size: 20px;
    font-weight: normal;
  }

  .innovate .left .detailTitle .line {
    width: 50px;
    height: 6px;
    margin-left: 6px;
  }

  .innovate .left .detailTitle .line::after {
    width: 12px;
  }

  .innovate .left .detailTitle .desc {
    font-size: 22px;
    line-height: 30px;
  }

  .innovate .left .content {
    margin-top: 25px;
  }

  .innovate .left .content .desc {
    font-size: 15.7px;
    line-height: 1.5;
  }

  .innovate .right {
    width: 100%;
  }

  .innovate .left .content .more {
    width: 110px;
    height: 40px;
    border-radius: 30px;
    font-size: 12px;
    border-width: 2px;
  }

  .innovate .left .content .more i {
    font-size: 14px;
  }

  .innovate .right .image:nth-child(2) {
    right: auto;
    top: auto;
    left: 0px;
    bottom: -20px;
  }

  .businessBg {
    padding-top: 40px;
  }

  .businessBg .business .businessHead .detailTitle .title {
    font-size: 20px;
    font-weight: normal;
  }

  .businessBg .business .businessHead .detailTitle .line {
    width: 50px;
    height: 6px;
    margin-left: 6px;
  }

  .businessBg .business .businessHead .detailTitle .line::after {
    width: 12px;
  }

  .businessBg .business .businessHead .detailTitle .desc {
    font-size: 24px;
    line-height: 30px;
  }

  .businessBg .business .businessHead .content {
    margin-top: 25px;
  }

  .businessBg .business .businessHead .content .desc {
    font-size: 15.7px;
    line-height: 1.5;
  }

  .businessBg .business .businessHead .content .more {
    width: 110px;
    height: 40px;
    border-radius: 30px;
    font-size: 12px;
    border-width: 2px;
  }

  .businessBg .business .businessHead .content .more i {
    font-size: 14px;
  }

  .businessBg .indexBusinessMain .content ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .businessBg .indexBusinessMain .content ul li {
    width: 50%;
  }

  .businessBg .indexBusinessMain .content ul li .icon {
    margin-right: 7px;
  }

  .businessBg .indexBusinessMain .content ul li .icon img {
    height: 40px;
  }

  .businessBg .indexBusinessMain .content ul li .text .title {
    font-size: 27px;
  }

  .businessBg .indexBusinessMain .content ul li .text .desc {
    font-size: 13px;
  }

  .chronicle {
    padding-top: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .chronicle .left {
    width: 100%;
  }

  .chronicle .right {
    width: 100%;
    margin-bottom: 30px;
  }

  .chronicle .right .detailTitle .title {
    font-size: 20px;
    font-weight: normal;
  }

  .chronicle .right .detailTitle .line {
    width: 50px;
    height: 6px;
    margin-left: 6px;
  }

  .chronicle .right .detailTitle .line::after {
    width: 12px;
  }

  .chronicle .right .detailTitle .desc {
    font-size: 24px;
    line-height: 30px;
  }

  .chronicle .right .content {
    margin-top: 25px;
  }

  .chronicle .right .content .desc {
    font-size: 15.7px;
    line-height: 1.5;
  }

  .chronicle .right .content .more {
    width: 110px;
    height: 40px;
    border-radius: 30px;
    font-size: 12px;
    border-width: 2px;
  }

  .chronicle .right .content .more i {
    font-size: 14px;
  }

  .culture {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 20px;
    margin-bottom: 40px;
  }

  .culture::after {
    display: none;
  }

  .culture .left {
    width: 100%;
    margin-bottom: 30px;
  }

  .culture .left .detailTitle .title {
    font-size: 20px;
    font-weight: normal;
  }

  .culture .left .detailTitle .line {
    width: 50px;
    height: 6px;
    margin-left: 6px;
  }

  .culture .left .detailTitle .line::after {
    width: 12px;
  }

  .culture .left .detailTitle .desc {
    font-size: 24px;
    line-height: 30px;
  }

  .culture .left .content {
    margin-top: 25px;
  }

  .culture .left .content .desc {
    font-size: 15.7px;
    line-height: 1.5;
  }

  .culture .left .content .more {
    width: 110px;
    height: 40px;
    border-radius: 30px;
    font-size: 12px;
    border-width: 2px;
  }

  .culture .left .content .more i {
    font-size: 14px;
  }

  .culture .right {
    width: 100%;
  }

  .culture .right::before {
    display: none;
  }

  .culture .right::after {
    display: none;
  }

  .culture .right .image:nth-child(2) {
    padding: 3px;
  }

  .aboutusEsgBg {
    padding: 40px 0px;
  }

  .aboutusEsgBg .aboutusEsg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .aboutusEsgBg .aboutusEsg .left {
    width: 100%;
  }

  .aboutusEsgBg .aboutusEsg .right {
    width: 100%;
    margin-bottom: 30px;
  }

  .aboutusEsgBg .aboutusEsg .right .detailTitle .title {
    font-size: 20px;
    font-weight: normal;
  }

  .aboutusEsgBg .aboutusEsg .right .detailTitle .line {
    width: 50px;
    height: 6px;
    margin-left: 6px;
  }

  .aboutusEsgBg .aboutusEsg .right .detailTitle .line::after {
    width: 12px;
  }

  .aboutusEsgBg .aboutusEsg .right .detailTitle .desc {
    font-size: 24px;
    line-height: 30px;
  }

  .aboutusEsgBg .aboutusEsg .right .content {
    margin-top: 25px;
  }

  .aboutusEsgBg .aboutusEsg .right .content .desc {
    font-size: 15.7px;
    line-height: 1.5;
  }

  .aboutusEsgBg .aboutusEsg .right .content .more {
    width: 110px;
    height: 40px;
    border-radius: 30px;
    font-size: 12px;
    border-width: 2px;
  }

  .aboutusEsgBg .aboutusEsg .right .content .more i {
    font-size: 14px;
  }

  /* 创新 */
  .smartTesting {
    margin-top: 40px;
  }

  .smartTesting .detailTitle .title {
    font-size: 24px;
  }

  .smartTesting .detailTitle .desc {
    font-size: 15.7px;
    line-height: 1.5;
    margin-top: 16px;
  }

  .smartTesting .smartTestingMain ul li {
    width: 100%;
    margin-bottom: 17px;
  }

  .smartTesting .smartTestingMain ul li:last-child {
    margin-bottom: 0px;
  }

  .smartTesting .smartTestingMain {
    margin-top: 25px;
  }

  .smartTesting .smartTestingMain ul li:nth-child(1) .content {
    margin-top: 0px;
  }

  .smartTesting .smartTestingMain ul li:nth-child(2) .content {
    margin-top: 0px;
    padding-bottom: 20px;
  }

  .smartTesting .smartTestingMain ul li:nth-child(3) {
    margin-top: 0px;
  }

  .smartTesting .smartTestingMain ul li:nth-child(3) .content {
    margin-top: 0px;
  }

  .smartTesting .smartTestingMain ul li:nth-child(4) a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .smartTesting .smartTestingMain ul li:nth-child(4) .image {
    width: 100%;
  }

  .smartTesting .smartTestingMain ul li:nth-child(4) .content {
    padding-top: 24px;
  }

  .smartTesting .smartTestingMain ul li .content {
    background-color: #F7F7F7;
    padding: 24px 18px 20px;
  }

  .smartTesting .smartTestingMain ul li .content .title {
    font-size: 19px;
    margin-bottom: 13px;
  }

  .smartTesting .smartTestingMain ul li .content .desc {
    font-size: 15.7px;
    line-height: 1.5;
  }

  .smartTesting .smartTestingMain ul li .image img {
    height: 58.3333vw;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .breakThrough {
    margin-top: 40px;
  }

  .breakThrough .detailTitle .title {
    font-size: 24px;
  }

  .breakThrough .detailTitle .desc {
    font-size: 15.7px;
    line-height: 1.5;
    margin-top: 16px;
  }

  .breakThrough .breakThroughMain {
    margin-top: 25px;
  }

  .breakThrough .breakThroughMain ul li:nth-child(odd)::after {
    display: none;
  }

  .breakThrough .breakThroughMain ul li {
    width: 100%;
    margin-bottom: 17px;
  }

  .breakThrough .breakThroughMain ul li:last-child {
    margin-bottom: 0px;
  }

  .breakThrough .breakThroughMain ul li .content {
    padding: 24px 18px 20px !important;
    background-color: #0040A0;
  }

  .breakThrough .breakThroughMain ul li .content .title {
    font-size: 19px;
    color: #fff;
    margin-bottom: 13px !important;
  }

  .breakThrough .breakThroughMain ul li .content .desc {
    font-size: 15.7px;
    line-height: 1.5;
    color: #fff;
  }

  .breakThrough .breakThroughMain ul li:nth-child(even) {
    margin-top: 0px;
  }

  .breakThrough .breakThroughMain ul li:nth-child(even) a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .breakThrough .breakThroughMain ul li:nth-child(even) .content .desc {
    line-height: 24px;
  }

  .breakThrough .breakThroughMain ul li .image img {
    height: 58.3333vw;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .mark {
    margin-top: 40px;
  }

  .mark .detailTitle .title {
    font-size: 24px;
  }

  .mark .detailTitle .desc {
    font-size: 15.7px;
    line-height: 1.5;
    margin-top: 16px;
  }

  .mark .markMain {
    margin-top: 25px;
  }

  .mark .markMain ul li {
    margin-bottom: 17px;
  }

  .mark .markMain ul li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .mark .markMain ul li:last-child {
    margin-bottom: 0px;
  }

  .mark .markMain ul li:nth-child(odd) {
    margin-bottom: 0px;
  }

  .mark .markMain ul li:nth-child(odd) a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .mark .markMain ul li:nth-child(odd) .desc {
    margin-right: 0px;
  }

  .mark .markMain ul li:nth-child(even) .desc {
    margin-left: 0px;
  }

  .mark .markMain ul li .image {
    width: 100%;
  }

  .mark .markMain ul li .desc {
    width: 100%;
    font-size: 15.7px;
    line-height: 1.5;
    background-color: #F7F7F7;
    padding: 24px 18px 20px;
  }

  .mark .markMain ul li .image img {
    height: 58.3333vw;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .separate {
    margin: 40px 0px;
  }

  .separate::after {
    display: none;
  }

  .separate .detailTitle .title {
    font-size: 24px;
  }

  .separate .detailTitle .desc {
    font-size: 15.7px;
    line-height: 1.5;
    margin-top: 16px;
  }

  .separate .separateMain {
    margin-top: 25px;
  }

  .separate .separateMain ul li {
    margin-bottom: 17px !important;
  }

  .separate .separateMain ul li:last-child {
    margin-bottom: 0px !important;
  }

  .separate .separateMain ul li:nth-child(1) {
    width: 100%;
  }

  .separate .separateMain ul li:nth-child(1) .desc {
    position: static;
    margin: 0px;
  }

  .separate .separateMain ul li:nth-child(2) {
    width: 100%;
  }

  .separate .separateMain ul li:nth-child(2) a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .separate .separateMain ul li:nth-child(3) {
    width: 100%;
    margin: 0px;
  }

  .separate .separateMain ul li:nth-child(3) a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .separate .separateMain ul li:nth-child(3) .image {
    width: 100%;
  }

  .separate .separateMain ul li:nth-child(4) {
    width: 100%;
    margin: 0px;
  }

  .separate .separateMain ul li:nth-child(4) a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .separate .separateMain ul li:nth-child(4) .image {
    width: 100%;
  }

  .separate .separateMain ul li .desc {
    width: 100% !important;
    font-size: 15.7px;
    line-height: 1.5;
    background-color: #F7F7F7;
    padding: 24px 18px 20px !important;
  }

  .separate .separateMain ul li .image img {
    height: 58.3333vw;
    -o-object-fit: cover;
    object-fit: cover;
  }

  /* 发展历程 */
  .historyBg {
    padding: 40px 0px;
  }

  .historyBg .history {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .historyBg .history .left {
    width: 100%;
    height: auto;
    margin: 0px auto 25px;
  }

  .historyBg .history .left .historyYear {
    width: 33.33%;
    height: 47px;
    margin-top: 0px;
    margin-left: 0px;
  }

  .historyBg .history .left .historyYear .swiper-slide .text {
    font-size: 16px;
    color: #999;
  }

  .historyBg .history .left .historyYear .swiper-slide-active .text {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    color: #fff;
  }

  .historyBg .history .left .historyYear .swiper-button-prev,
  .historyBg .history .left .historyYear .swiper-button-next {
    display: none;
  }

  .historyBg .history .right {
    width: 100%;
    padding: 0px 20px;
  }

  .historyBg .history .right .historyMain .swiper-slide ul li {
    padding: 16px 0px;
  }

  .historyBg .history .right .historyMain .swiper-slide ul li .year {
    font-size: 20px;
    margin-bottom: 6px;
  }

  .historyBg .history .right .historyMain .swiper-slide ul li .desc {
    font-size: 15.7px;
    line-height: 1.5;
  }

  /* 服务网点 */
  .serviceBg {
    padding: 40px 0px;
    overflow: hidden;
  }

  .serviceBg .detailTitle .title {
    font-size: 24px;
  }

  .serviceBg .service {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .serviceBg .service .left {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 30px;
  }

  .serviceBg .service .left .title {
    font-size: 18px;
    margin: 25px 0px 30px;
  }

  .serviceBg .service .left .select {
    width: 130px;
  }

  .serviceBg .service .left .select .layui-form-select .layui-input {
    font-size: 16px;
    height: 40px;
  }

  .serviceBg .service .left .select .layui-form-select dl {
    top: 45px;
  }

  .serviceBg .service .left .select .layui-form-select dl::-webkit-scrollbar {
    width: 3px;
    height: 3px;
  }

  .serviceBg .service .left .select .layui-form-select dl dd,
  .serviceBg .service .left .select .layui-form-select dl dt {
    line-height: 36px;
    font-size: 13px;
  }

  .serviceBg .service .left .content .item {
    margin-bottom: 14px;
  }

  .serviceBg .service .left .content .item .icon {
    width: 37px;
    margin-right: 10px;
  }

  .serviceBg .service .left .content .item .icon img {
    height: 37px;
  }

  .serviceBg .service .left .content .item .list span {
    font-size: 14px;
  }

  .serviceBg .service .left .content .item .list .desc {
    font-size: 15.7px;
    line-height: 1.5;
  }

  .serviceBg .service .left .content .item:last-child .list .desc {
    font-size: 16px;
    line-height: 26px;
  }

  .serviceBg .service .left .indicate p {
    font-size: 13px;
    margin-right: 16px;
  }

  .serviceBg .service .left .indicate p::before {
    width: 9px;
    height: 9px;
    margin-right: 4px;
  }

  .serviceBg .service .right {
    width: 94.6615vw;
    height: 68.3594vw;
    background-size: 94.6615vw 68.3594vw;
  }

  .serviceBg .service .right #map {
    width: 79.4271vw !important;
    height: 66.4063vw !important;
    margin-left: 0.7813vw;
    margin-top: -0.651vw;
    background-size: 100%;
    background-position-y: -4.1667vw;
  }

  .serviceBg .service .right #map svg {
    width: 79.4271vw;
    height: 66.4063vw;
  }

  .serviceBg .service .right .mapArea {
    width: 79.4271vw;
    height: 66.4063vw;
    margin-left: 2px;
    margin-top: 1px;
  }

  .serviceBg .service .right .mapArea .item .sc::before {
    width: 6px;
    height: 6px;
  }

  .serviceBg .service .right .mapArea .item .sc::after {
    width: 12px;
    height: 12px;
  }

  .serviceBg .service .right .mapArea .item .ss::before {
    width: 4px;
    height: 4px;
  }

  .serviceBg .service .right .mapArea .item .ss::after {
    width: 10px;
    height: 10px;
  }

  /* 试剂套餐 */
  .package {
    margin: 40px auto;
  }

  .package .detailTitle .title {
    font-size: 24px;
  }

  .package .detailTitle .desc {
    font-size: 14px;
    line-height: 24px;
    margin-top: 16px;
  }

  .package .packageMain {
    margin-top: 25px;
  }
}


.serviceListMain{padding: 25px 0px 40px;}
.serviceList{display: flex; flex-wrap: wrap; margin: 0px;}
.serviceList .list{width: 100%; margin: 15px 0px 0px; background: #f4f8fb; position: relative; transition: all .6s;}
.serviceList .list .imgBox{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #216dc5;opacity: 0; transition: all .6s;}
.serviceList .list .imgBox img{position: absolute; left: 0px; top: 0px; width: 100%; object-fit: cover; height: 100%;}
.serviceList .list a{display: block; padding: 20px 15px; position: relative; z-index: 2;}
.serviceList .list .listTitle{font-size: 18px; color: #24283b; line-height: 1.2;transition: all .6s;}
.serviceList .list .desc{margin-top: 10px; font-size: 14px; line-height: 1.4; color: rgba(115,122,142,0.8);transition: all .6s;}
.serviceList .list .emailBox{margin-top:15px; padding-top: 15px; display: flex; border-top: 1px solid rgba(173,178,190, 0.2);transition: all .6s;}
.serviceList .list .emailBox .email{flex: 1;font-size: 14px; color: rgba(115,122,142,0.6);transition: all .6s;}
.serviceList .list .emailBox .arrow i{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; font-size: 12px; color: #123c8e; font-weight: 600; border: 2px solid rgba(0,64,158,0.3); border-radius: 100%;transition: all .6s;}
.serviceList .list:hover{box-shadow: 0px 4px 27px rgba(11,134,230,0.6);}
.serviceList .list:hover .imgBox{opacity: 1;}
.serviceList .list:hover .listTitle{color: #fff;}
.serviceList .list:hover .desc{color: rgba(255,255,255,0.8);}
.serviceList .list:hover .emailBox{border-color: rgba(255,255,255,0.15);}
.serviceList .list:hover .emailBox .email{color: rgba(255,255,255,0.5);}
.serviceList .list:hover .emailBox .arrow i{color:#fff; border-color: rgba(255,255,255,0.3);}

@media (min-width:768px){
  .serviceListMain{padding: 4.688vw 0vw 6.875vw;}
  .serviceList{margin: 0vw -2.125vw;}
  .serviceList .list{width: calc(33.333% - 2.125vw); margin: 0vw 1.063vw;}
  .serviceList .list a{padding: 2.813vw 1.875vw 2.5vw;}
  .serviceList .list .listTitle{font-size: 1.625vw;}
  .serviceList .list .desc{margin-top: 0.938vw; font-size: 1.063vw; line-height: 1.4; }
  .serviceList .list .emailBox{margin-top:1.563vw; padding-top: 1.563vw;}
  .serviceList .list .emailBox .email{font-size: 1.125vw;}
  .serviceList .list .emailBox .arrow i{width: 2.125vw; height: 2.125vw; font-size: 0.75vw;}
  .serviceList .list:hover{box-shadow: 0vw 0.25vw 1.688vw rgba(11,134,230,0.6);}
}

@media (min-width:1200px){
  .serviceListMain{padding: 3.906vw 0vw 5.729vw;}
  .serviceList{margin: 0vw -1.771vw;}
  .serviceList .list{width: calc(33.333% - 1.771vw); margin: 0vw 0.885vw;}
  .serviceList .list a{padding: 2.344vw 1.563vw 2.083vw;}
  .serviceList .list .listTitle{font-size: 1.354vw;}
  .serviceList .list .desc{margin-top: 0.781vw; font-size: 0.885vw; line-height: 1.4; }
  .serviceList .list .emailBox{margin-top:1.302vw; padding-top: 1.302vw;}
  .serviceList .list .emailBox .email{font-size: 0.938vw;}
  .serviceList .list .emailBox .arrow i{width: 1.771vw; height: 1.771vw; font-size: 0.625vw;}
  .serviceList .list:hover{box-shadow: 0vw 0.208vw 1.406vw rgba(11,134,230,0.6);}
}