@charset "UTF-8";
/* WX:DereK_Ysx 于2021-09-20编写  */
main {
  width: 100%;
}

.index-banner {
  width: 100%;
  position: relative;
}

.index-banner .ib-swiper {
  width: 100%;
}

.index-banner .ib-item {
  width: 100%;
}

.index-banner .item-bg {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.index-banner .item-bg img {
  width: 100%;
}

.index-banner .item-content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.index-banner .content {
  width: 16.8rem;
  margin: 0 auto;
}

.index-banner .content-A {
  width: 100%;
}

.index-banner .content-A p {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.4;
  color: #ffffff;
}

.index-banner .line {
  width: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1rem;
  margin-bottom: .4rem;
}

.index-banner .line img {
  width: 100%;
}

.index-banner .content-B {
  width: 100%;
}

.index-banner .content-B p {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.2;
  color: #ffffff;
}

.index-banner .swiper-pagination {
  width: auto;
  background-color: #fff;
  padding: .25rem;
  left: auto;
  right: 1.6rem;
  bottom: -.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.index-banner .swiper-pagination-bullet {
  background: none;
  border-radius: 0;
  opacity: 1;
  width: auto;
  height: auto;
  font-family: ArialMT;
  color: rgba(10, 135, 196, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: .38rem;
}

.index-banner .swiper-pagination-bullet-active {
  color: #0a87c4;
  font-size: calc(30 * 100vw / 1920);
}

.index-banner .swiper-pagination-bullet-active:before {
  content: '';
  display: inline-block;
  margin-right: .28rem;
  width: .9rem;
  height: .02rem;
  background-color: #0a87c4;
}

.index-banner .swiper-pagination-bullet-active:last-child {
  margin-right: 0;
}

@media (max-width: 1113px) {
  .index-banner .swiper-pagination-bullet-active {
    font-size: 17.4px;
  }
}

.index-banner .ib-slide {
  width: .2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  position: absolute;
  right: .7rem;
  bottom: .6rem;
  z-index: 1;
}

.index-banner .ib-slide img {
  width: 100%;
  -webkit-animation: jump 1.5s linear infinite;
          animation: jump 1.5s linear infinite;
}

@media (max-width: 900px) {
  .index-banner .content {
    width: 100%;
    padding: 0 20px;
  }
  .index-banner .content-B {
    font-size: 25px;
  }
}

@media (max-width: 600px) {
  .index-banner .item-bg {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 335px;
  }
  .index-banner .item-bg img {
    display: none;
  }
  .index-banner .swiper-pagination {
    width: calc(100% - 60px);
    right: auto;
    bottom: 0;
    padding: 0 15px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .index-banner .swiper-pagination-bullet {
    cursor: auto;
  }
  .index-banner .ib-slide {
    width: 15px;
    right: 15px;
  }
}

.index-product {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 1.46rem;
  padding-bottom: 1.5rem;
}

.index-product .product-container {
  width: 17.9rem;
  margin: 0 auto;
  position: relative;
}

.index-product .container {
  width: 16rem;
  margin: 0 auto;
}

.index-product .container-title {
  width: 100%;
  position: relative;
  margin-bottom: .6rem;
}

.index-product .container-title .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: .15rem;
  color: #333333;
}

.index-product .container-title .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.index-product .container-title .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.index-product .container-title .line img {
  width: 100%;
}

.index-product .container-title .title-link {
  width: .64rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
}

.index-product .container-title .title-link img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.index-product .container-title .title-link:hover img {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.index-product .wrap {
  width: 100%;
}

.index-product .ip-swiper {
  width: 100%;
}

.index-product .item {
  width: 31.5%;
  margin-right: 2.75%;
  cursor: pointer;
}

.index-product .item:last-child {
  margin-right: 0;
}

.index-product .item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.index-product .item:hover .see-details {
  color: #0a87c4;
}

.index-product .item:hover .see-details:after {
  background-color: #0a87c4;
}

.index-product .item:hover .link-icon .img-1 {
  display: none;
}

.index-product .item:hover .link-icon .img-2 {
  display: inline-block;
}

.index-product .item-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.index-product .item-img img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.index-product .item-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding-left: .34rem;
  padding-right: .34rem;
  padding-top: .38rem;
  padding-bottom: .24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.index-product .item-title {
  width: 100%;
}

.index-product .item-title .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Regular;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .12rem;
}

.index-product .item-title .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
}

.index-product .item-txt {
  width: 1em;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #333333;
  margin-right: .4rem;
}

.index-product .item-txt:before {
  content: '';
  display: inline-block;
  width: .02rem;
  height: 1.24rem;
  background-color: #000000;
  margin-bottom: .14rem;
}

.index-product .item-content {
  width: 100%;
  background-color: #fff;
  padding: .3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}

.index-product .see-details {
  width: auto;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #333333;
}

.index-product .see-details:after {
  content: '';
  display: block;
  width: 100%;
  height: .02rem;
  background-color: #000000;
  margin-top: .04rem;
}

.index-product .link-icon {
  width: .4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.index-product .link-icon img {
  width: 100%;
}

.index-product .link-icon .img-2 {
  display: none;
}

.index-product .ip-prev {
  width: .64rem;
  height: .64rem;
  left: 0;
  margin-top: 0;
  background-image: url(../images/12.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.index-product .ip-prev:hover {
  background-image: url(../images/12-1.png);
}

.index-product .ip-next {
  width: .64rem;
  height: .64rem;
  right: 0;
  margin-top: 0;
  background-image: url(../images/13.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.index-product .ip-next:hover {
  background-image: url(../images/13-1.png);
}

@media (max-width: 900px) {
  .index-product .product-container {
    width: 100%;
    padding: 0 20px;
  }
  .index-product .container {
    width: 100%;
    padding: 0 25px;
  }
  .index-product .ip-prev {
    left: .2rem;
  }
  .index-product .ip-next {
    right: .2rem;
  }
}

@media (max-width: 800px) {
  .index-product .container {
    padding: 0 35px;
  }
  .index-product .item {
    margin-right: 0;
  }
}

.index-application {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.index-application .ia-right {
  width: 61%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.index-application .ia-right img {
  width: 100%;
}

.index-application .ia-left {
  width: calc(100% - 61%);
  background-color: #ffffff;
  padding: 0 1.56rem;
  padding-top: .94rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.index-application .left-title {
  width: 100%;
}

.index-application .left-title .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
}

.index-application .left-title .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.index-application .left-title .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: .4rem;
}

.index-application .left-title .line img {
  width: 100%;
}

.index-application .left-title .title-A {
  width: 100%;
  font-family: SourceHanSansCN-Regular;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .15rem;
}

.index-application .left-title .title-B {
  width: 100%;
  font-family: SourceHanSansCN-Regular;
  line-height: 1.25;
  color: #0a85c8;
}

.index-application .left-content {
  width: 8.8rem;
  background-color: #e3e6eb;
  position: relative;
  z-index: 1;
  padding-left: 1.6rem;
  padding-right: .6rem;
  margin-left: -1.56rem;
  padding-top: .6rem;
  padding-bottom: .56rem;
}

.index-application .ia-swiper {
  width: 100%;
  margin: 0;
}

.index-application .item {
  width: 100%;
}

.index-application .item-content {
  width: 4.4rem;
  margin-bottom: .1rem;
}

.index-application .item-cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .1rem;
}

.index-application .item-en-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
}

.index-application .item-img {
  width: 4.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: .2rem;
}

.index-application .item-img img {
  width: 100%;
}

.index-application .see-details {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.index-application .link {
  width: auto;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #333333;
  cursor: pointer;
}

.index-application .link:after {
  content: '';
  display: block;
  width: 100%;
  height: .02rem;
  background-color: #000000;
  margin-top: .1rem;
}

.index-application .link:hover {
  color: #0a87c4;
}

.index-application .link:hover:after {
  background-color: #0a87c4;
}

.index-application .swiper-pagination {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  bottom: 0;
}

.index-application .swiper-pagination-bullet {
  width: .28rem;
  height: .04rem;
  background-color: #ffffff;
  margin: 0 .05rem;
  opacity: 1;
  border-radius: 0;
}

.index-application .swiper-pagination-bullet-active {
  background-color: #0a87c4;
}

.index-application .swiper-button-prev {
  width: .48rem;
  height: .48rem;
  background-image: url(../images/12.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: auto;
  right: 0;
  top: 0;
  margin-top: 0;
}

.index-application .swiper-button-prev:hover {
  background-image: url(../images/12-1.png);
}

.index-application .swiper-button-next {
  width: .48rem;
  height: .48rem;
  background-image: url(../images/13.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  right: 0;
  top: .64rem;
  margin-top: 0;
}

.index-application .swiper-button-next:hover {
  background-image: url(../images/13-1.png);
}

@media (max-width: 900px) {
  .index-application {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .index-application .ia-right {
    width: 100%;
  }
  .index-application .ia-left {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
  }
  .index-application .left-title {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 15px;
  }
  .index-application .left-content {
    width: 100%;
    margin-left: 0;
    padding: 20px;
  }
  .index-application .item-content {
    width: 60%;
  }
  .index-application .item-img {
    width: 60%;
  }
}

.index-industry {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 1.46rem;
  padding-bottom: 1.4rem;
}

.index-industry .container {
  width: 16rem;
  margin: 0 auto;
}

.index-industry .container-title {
  width: 100%;
  position: relative;
  margin-bottom: 1rem;
}

.index-industry .container-title .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: .15rem;
  color: #333333;
}

.index-industry .container-title .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.index-industry .container-title .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.index-industry .container-title .line img {
  width: 100%;
}

.index-industry .container-title .title-link {
  width: .64rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
}

.index-industry .container-title .title-link img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.index-industry .container-title .title-link:hover img {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.index-industry .wrap {
  width: 100%;
}

.index-industry .ii-swiper {
  width: 100%;
}

.index-industry .item {
  width: 49.5%;
  margin-right: 1%;
}

.index-industry .item:last-child {
  margin-right: 0;
}

.index-industry .item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.index-industry .item:hover .link .img-1 {
  display: none;
}

.index-industry .item:hover .link .img-2 {
  display: inline-block;
}

.index-industry .item-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  overflow: hidden;
}

.index-industry .item-img img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.index-industry .item-content {
  width: 4rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: .4rem;
  padding-top: .4rem;
  padding-right: .3rem;
  padding-bottom: .2rem;
}

.index-industry .content-A {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #ffffff;
  margin-bottom: .15rem;
}

.index-industry .content-B {
  width: 100%;
  margin-bottom: .5rem;
  font-family: SourceHanSansCN-Medium;
  line-height: 1.25;
  color: #ffffff;
}

.index-industry .link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  cursor: pointer;
}

.index-industry .link img {
  width: .34rem;
}

.index-industry .link .img-2 {
  display: none;
}

.index-industry .swiper-scrollbar {
  width: 100%;
  height: .02rem;
  background-color: #eeeeee;
  position: relative;
  margin-top: .6rem;
  border-radius: 0;
  opacity: 1 !important;
}

.index-industry .swiper-scrollbar-drag {
  height: .06rem;
  border-radius: 0;
  background-color: #38b7ba;
  position: absolute;
  top: 50%;
  margin-top: -.03rem;
}

@media (max-width: 900px) {
  .index-industry {
    width: 100%;
  }
  .index-industry .container {
    width: 100%;
    padding: 0 20px;
  }
  .index-industry .item-content {
    width: 100%;
    position: static;
  }
  .index-industry .content-B {
    margin-bottom: 10px;
  }
  .index-industry .link img {
    width: 30px;
  }
}

@media (max-width: 500px) {
  .index-industry .item {
    width: 100%;
    margin-right: 0;
  }
}

.banner {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.banner .banner-bg {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.banner .banner-bg img {
  width: 100%;
}

.banner .banner-content {
  width: 16rem;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.banner .content-txt {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.5;
  color: #ffffff;
}

.banner .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: .25rem 0;
}

.banner .line img {
  width: 100%;
}

.banner .content-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #ffffff;
}

.banner .banner-slide {
  width: .2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  position: absolute;
  right: .7rem;
  bottom: .6rem;
  z-index: 1;
}

.banner .banner-slide img {
  width: 100%;
  -webkit-animation: jump 1.5s linear infinite;
          animation: jump 1.5s linear infinite;
}

@media (max-width: 900px) {
  .banner .banner-content {
    width: 100%;
    padding: 0 20px;
  }
}

@media (max-width: 600px) {
  .banner {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 225px;
  }
  .banner .banner-bg {
    display: none;
  }
}

.main-nav {
  width: 100%;
  height: .6rem;
  border-bottom: .02rem solid #dddddd;
}

.main-nav .nav-container {
  width: 16rem;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-nav .nav-left {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-nav .nav-item {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin-right: .2rem;
}

.main-nav .nav-item:after {
  content: '';
  display: inline-block;
  background-image: url(../images/42.png);
  background-position: center center;
  background-size: 100% 100%;
  width: .08rem;
  height: .12rem;
  margin-left: .2rem;
}

.main-nav .nav-item:last-child {
  margin-right: 0;
}

.main-nav .nav-item:last-child:after {
  display: none;
}

.main-nav .nav-item:hover .nav-txt {
  font-weight: bold;
  color: #0a87c4;
}

.main-nav .nav-home-icon {
  width: .18rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: .2rem;
}

.main-nav .nav-home-icon img {
  width: 100%;
}

@media (max-width: 900px) {
  .main-nav .nav-home-icon {
    width: 15px;
  }
}

.main-nav .nav-txt {
  width: auto;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.5;
  color: #333333;
}

.main-nav .nav-right {
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-nav .nav-right-item {
  width: auto;
  height: 100%;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  padding: 0 .2rem;
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-nav .nav-right-item:hover {
  color: #0f69b5;
}

.main-nav .nav-right-item:hover:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: .02rem;
  background-color: #0a87c4;
  position: absolute;
  left: 0;
  bottom: -.02rem;
}

.main-nav .nav-right-item.active {
  color: #0f69b5;
}

.main-nav .nav-right-item.active:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: .02rem;
  background-color: #0a87c4;
  position: absolute;
  left: 0;
  bottom: -.02rem;
}

@media (max-width: 1000px) {
  .main-nav {
    height: 50px;
  }
}

@media (max-width: 900px) {
  .main-nav .nav-container {
    width: 100%;
    padding: 0 20px;
  }
}

@media (max-width: 600px) {
  .main-nav {
    height: auto;
  }
  .main-nav .nav-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-nav .nav-left {
    padding: 10px 0;
  }
  .main-nav .nav-right {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-nav .nav-right-item {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.main-application-list {
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main-application-list .container {
  width: 16rem;
  margin: 0 auto;
  padding-top: .7rem;
  padding-bottom: 1.2rem;
}

.main-application-list .container-nav {
  width: 100%;
  position: relative;
  margin-bottom: .8rem;
}

.main-application-list .nav-swiper {
  width: 11.6rem;
  margin: 0 auto;
}

.main-application-list .nav-swiper .nav-item {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  cursor: pointer;
}

.main-application-list .nav-swiper .nav-item:after {
  content: '/';
  display: inline-block;
  font-family: ArialMT;
  font-size: 1em;
  color: #999999;
  margin: 0 .3rem;
}

.main-application-list .nav-swiper .nav-item:last-child:after {
  display: none;
}

.main-application-list .nav-swiper .nav-item:hover {
  font-weight: bold;
  color: #0a87c4;
}

.main-application-list .nav-swiper .nav-item.active {
  font-weight: bold;
  color: #0a87c4;
}

.main-application-list .ns-prev {
  width: .64rem;
  height: .64rem;
  background-image: url(../images/43.png);
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  left: 0;
  opacity: 1;
  cursor: pointer;
  margin-top: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.main-application-list .ns-prev:hover {
  background-image: url(../images/43-1.png);
}

.main-application-list .ns-next {
  width: .64rem;
  height: .64rem;
  background-image: url(../images/44.png);
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  right: 0;
  opacity: 1;
  cursor: pointer;
  margin-top: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.main-application-list .ns-next:hover {
  background-image: url(../images/44-1.png);
}

.main-application-list .list {
  width: 100%;
}

.main-application-list .ul {
  width: 100%;
  margin-bottom: .6rem;
}

.main-application-list .li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: .2rem;
}

.main-application-list .li:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.main-application-list .lPic {
  width: 49.5%;
  position: relative;
  overflow: hidden;
}

.main-application-list .lPic:hover .pic-content {
  display: none;
}

.main-application-list .lPic:hover .mask-content {
  top: 0;
}

.main-application-list .box {
  width: 100%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 115%;
}

.main-application-list .pic-content {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: .35rem;
}

.main-application-list .content-cn {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #ffffff;
  margin-bottom: .1rem;
}

.main-application-list .content-en {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #ffffff;
}

.main-application-list .mask-content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  background-color: rgba(25, 133, 234, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.main-application-list .link {
  width: .6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.main-application-list .link img {
  width: 100%;
}

.main-application-list .content {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: .35rem;
}

.main-application-list .sPic-list {
  width: 49.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-application-list .item {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.main-application-list .item .box {
  padding-top: 56.5%;
}

.main-application-list .item:hover .pic-content {
  display: none;
}

.main-application-list .item:hover .mask-content {
  top: 0;
}

@media (max-width: 900px) {
  .main-application-list .container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main-application-list .nav-swiper {
    width: 80%;
  }
}

@media (max-width: 650px) {
  .main-application-list .item .mask-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px;
  }
  .main-application-list .item .link {
    margin-top: 25px;
  }
  .main-application-list .item .content {
    position: static;
  }
}

@media (max-width: 500px) {
  .main-application-list .nav-swiper {
    width: 70%;
  }
  .main-application-list .li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .main-application-list .li:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .main-application-list .lPic {
    width: 100%;
  }
  .main-application-list .sPic-list {
    width: 100%;
  }
}

.main-page {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-page .page-item-prev {
  width: .64rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.main-page .page-item-prev img {
  width: 100%;
}

.main-page .page-item-prev .img-2 {
  display: none;
}

.main-page .page-item-prev:hover .img-1 {
  display: none;
}

.main-page .page-item-prev:hover .img-2 {
  display: inline-block;
}

.main-page .page-item-next {
  width: .64rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.main-page .page-item-next img {
  width: 100%;
}

.main-page .page-item-next .img-2 {
  display: none;
}

.main-page .page-item-next:hover .img-1 {
  display: none;
}

.main-page .page-item-next:hover .img-2 {
  display: inline-block;
}

.main-page .page-list {
  width: auto;
  margin: 0 .3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-page .page-item {
  width: auto;
  padding: 0 .2rem;
  font-family: ArialMT;
  line-height: 1.5;
  color: #333333;
  cursor: pointer;
}

.main-page .page-item:hover {
  font-weight: bold;
  color: #0f69b5;
}

.main-page .page-item.active {
  font-weight: bold;
  color: #0f69b5;
}

.main-application-details {
  width: 100%;
}

.main-application-details .ad-A {
  width: 16rem;
  margin: 0 auto;
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
  background-color: #fff;
}

.main-application-details .ad-A .ad-inf {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.5rem;
}

.main-application-details .ad-A .inf-right {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.main-application-details .ad-A .inf-right:hover .txt {
  font-weight: bold;
  color: #0a87c4;
}

.main-application-details .ad-A .inf-right:hover .menu .img-1 {
  display: none;
}

.main-application-details .ad-A .inf-right:hover .menu .img-2 {
  display: inline-block;
}

.main-application-details .ad-A .txt {
  width: auto;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #333333;
}

.main-application-details .ad-A .menu {
  width: .25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: .24rem;
}

.main-application-details .ad-A .menu img {
  width: 100%;
}

.main-application-details .ad-A .menu .img-2 {
  display: none;
}

.main-application-details .ad-A .inf-left {
  width: auto;
}

.main-application-details .ad-A .inf-item {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-application-details .ad-A .inf-item-title {
  width: auto;
  font-family: SourceHanSansCN-Normal;
  line-height: 2.4;
  color: #333333;
}

.main-application-details .ad-A .inf-item-txt {
  width: auto;
  font-family: SourceHanSansCN-Normal;
  line-height: 2.4;
  color: #333333;
  margin-left: .64rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-application-details .ad-A .inf-item-icon {
  width: .18rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: .15rem;
}

.main-application-details .ad-A .inf-item-icon img {
  width: 100%;
}

.main-application-details .ad-A .ad-parameter {
  width: 100%;
  margin-bottom: 1.2rem;
}

.main-application-details .ad-A .ad-parameter:last-child {
  margin-bottom: 0;
}

.main-application-details .ad-A .parameter-title {
  width: 100%;
  margin-bottom: .6rem;
}

.main-application-details .ad-A .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .15rem;
}

.main-application-details .ad-A .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.main-application-details .ad-A .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-application-details .ad-A .line img {
  width: 100%;
}

.main-application-details .ad-A .parameter-wrap {
  width: 100%;
}

.main-application-details .ad-A .adpl-swiper {
  width: 100%;
  margin-bottom: .5rem;
}

.main-application-details .ad-A .adpl-item {
  width: 100%;
}

.main-application-details .ad-A .adpl-item-pic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: .5rem;
}

.main-application-details .ad-A .adpl-item-pic img {
  width: 100%;
}

.main-application-details .ad-A .adpl-item-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: .28rem;
  border-bottom: .02rem solid #7a7a7a;
}

.main-application-details .ad-A .adpl-item-content:before {
  content: '';
  display: inline-block;
  width: .12rem;
  height: .12rem;
  background-color: #0a87c4;
  margin-right: .16rem;
}

.main-application-details .ad-A .adpl-item-txt {
  width: calc(100% - .28rem);
  font-family: SourceHanSansSC-Normal;
  line-height: 1.25;
  color: #333333;
}

.main-application-details .ad-A .adpl-prev {
  width: .64rem;
  height: .64rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(../images/60.png);
  left: 0;
}

.main-application-details .ad-A .adpl-prev:hover {
  background-image: url(../images/60-1.png);
}

.main-application-details .ad-A .adpl-next {
  width: .64rem;
  height: .64rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(../images/61.png);
  right: 0;
}

.main-application-details .ad-A .adpl-next:hover {
  background-image: url(../images/61-1.png);
}

.main-application-details .ad-A .adps-swiper {
  width: 100%;
}

.main-application-details .ad-A .adps-item {
  width: auto;
  margin-bottom: .55rem;
}

.main-application-details .ad-A .adps-item-pic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: .2rem;
}

.main-application-details .ad-A .adps-item-pic img {
  width: 100%;
}

.main-application-details .ad-A .adps-item-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-application-details .ad-A .adps-item-content:before {
  content: '';
  display: inline-block;
  width: .12rem;
  height: .12rem;
  background-color: #0a87c4;
  margin-right: .16rem;
}

.main-application-details .ad-A .adps-item-txt {
  width: calc(100% - .28rem);
  font-family: SourceHanSansSC-Normal;
  line-height: 1.25;
  color: #333333;
}

.main-application-details .ad-A .adps-pagination {
  position: static;
}

.main-application-details .ad-A .adps-pagination .swiper-pagination-bullet {
  width: .28rem;
  height: .04rem;
  background-color: #cccccc;
  border-radius: 0;
  opacity: 1;
  margin: 0 .05rem;
}

.main-application-details .ad-A .adps-pagination .swiper-pagination-bullet-active {
  background-color: #0a87c4;
}

.main-application-details .ad-A .parameter-content {
  width: 100%;
  font-family: SourceHanSansSC-Normal;
  line-height: 1.625;
  color: #666666;
  margin-bottom: .3rem;
}

.main-application-details .ad-A .parameter-l-pic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-application-details .ad-A .parameter-l-pic img {
  width: 100%;
}

.main-application-details .ad-B {
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.4rem;
  background-color: #f6f6f6;
}

.main-application-details .ad-B .product-container {
  width: 17.9rem;
  margin: 0 auto;
  position: relative;
}

.main-application-details .ad-B .container {
  width: 16rem;
  margin: 0 auto;
}

.main-application-details .ad-B .container-title {
  width: 100%;
  position: relative;
  margin-bottom: .6rem;
}

.main-application-details .ad-B .container-title .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: .15rem;
  color: #333333;
}

.main-application-details .ad-B .container-title .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.main-application-details .ad-B .container-title .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-application-details .ad-B .container-title .line img {
  width: 100%;
}

.main-application-details .ad-B .container-title .title-link {
  width: .64rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
}

.main-application-details .ad-B .container-title .title-link img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.main-application-details .ad-B .container-title .title-link:hover img {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.main-application-details .ad-B .wrap {
  width: 100%;
}

.main-application-details .ad-B .ip-swiper {
  width: 100%;
}

.main-application-details .ad-B .item {
  width: 31.5%;
  margin-right: 2.75%;
  cursor: pointer;
}

.main-application-details .ad-B .item:last-child {
  margin-right: 0;
}

.main-application-details .ad-B .item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.main-application-details .ad-B .item:hover .see-details {
  color: #0a87c4;
}

.main-application-details .ad-B .item:hover .see-details:after {
  background-color: #0a87c4;
}

.main-application-details .ad-B .item:hover .link-icon .img-1 {
  display: none;
}

.main-application-details .ad-B .item:hover .link-icon .img-2 {
  display: inline-block;
}

.main-application-details .ad-B .item-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.main-application-details .ad-B .item-img img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.main-application-details .ad-B .item-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding-left: .34rem;
  padding-right: .34rem;
  padding-top: .38rem;
  padding-bottom: .24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-application-details .ad-B .item-title {
  width: 100%;
}

.main-application-details .ad-B .item-title .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Regular;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .12rem;
}

.main-application-details .ad-B .item-title .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
}

.main-application-details .ad-B .item-txt {
  width: 1em;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #333333;
  margin-right: .4rem;
}

.main-application-details .ad-B .item-txt:before {
  content: '';
  display: inline-block;
  width: .02rem;
  height: 1.24rem;
  background-color: #000000;
  margin-bottom: .14rem;
}

.main-application-details .ad-B .item-content {
  width: 100%;
  background-color: #fff;
  padding: .3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}

.main-application-details .ad-B .see-details {
  width: auto;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #333333;
}

.main-application-details .ad-B .see-details:after {
  content: '';
  display: block;
  width: 100%;
  height: .02rem;
  background-color: #000000;
  margin-top: .04rem;
}

.main-application-details .ad-B .link-icon {
  width: .4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-application-details .ad-B .link-icon img {
  width: 100%;
}

.main-application-details .ad-B .link-icon .img-2 {
  display: none;
}

.main-application-details .ad-B .ip-prev {
  width: .64rem;
  height: .64rem;
  left: 0;
  margin-top: 0;
  background-image: url(../images/12.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.main-application-details .ad-B .ip-prev:hover {
  background-image: url(../images/12-1.png);
}

.main-application-details .ad-B .ip-next {
  width: .64rem;
  height: .64rem;
  right: 0;
  margin-top: 0;
  background-image: url(../images/13.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.main-application-details .ad-B .ip-next:hover {
  background-image: url(../images/13-1.png);
}

@media (max-width: 900px) {
  .main-application-details .ad-B .product-container {
    width: 100%;
    padding: 0 20px;
  }
  .main-application-details .ad-B .container {
    width: 100%;
    padding: 0 25px;
  }
  .main-application-details .ad-B .ip-prev {
    left: .2rem;
  }
  .main-application-details .ad-B .ip-next {
    right: .2rem;
  }
  .main-application-details .ad-A {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 800px) {
  .main-application-details .ad-B .container {
    padding: 0 35px;
  }
  .main-application-details .ad-B .item {
    margin-right: 0;
  }
}

@media (max-width: 500px) {
  .main-application-details .ad-A .ad-inf {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main-application-details .ad-A .inf-right {
    width: 100%;
    margin-bottom: 20px;
  }
  .main-application-details .ad-A .inf-left {
    width: 100%;
  }
  .main-application-details .ad-A .swiper-pagination .swiper-pagination-bullet {
    width: 26px;
    height: 4px;
  }
}

@media (max-width: 400px) {
  .main-application-details .ad-A .inf-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .main-application-details .ad-A .inf-item-txt {
    margin-left: 0;
  }
}

.main-product-list {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.main-product-list .container {
  width: 16rem;
  margin: 0 auto;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  overflow: hidden;
}

.main-product-list .list {
  width: 103%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: .8rem;
}

.main-product-list .item {
  width: 31%;
  margin-right: 2%;
  margin-bottom: 2%;
  cursor: pointer;
  position: relative;
}

.main-product-list .item:last-child {
  margin-right: 0;
}

.main-product-list .item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.main-product-list .item:hover .see-details {
  color: #0a87c4;
}

.main-product-list .item:hover .see-details:after {
  background-color: #0a87c4;
}

.main-product-list .item:hover .link-icon .img-1 {
  display: none;
}

.main-product-list .item:hover .link-icon .img-2 {
  display: inline-block;
}

.main-product-list .item-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.main-product-list .item-img img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.main-product-list .item-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding-left: .34rem;
  padding-right: .34rem;
  padding-top: .38rem;
  padding-bottom: .24rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-product-list .item-title {
  width: 100%;
}

.main-product-list .item-title .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Regular;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .12rem;
}

.main-product-list .item-title .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
}

.main-product-list .item-txt {
  width: 1em;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #333333;
  margin-right: .4rem;
}

.main-product-list .item-txt:before {
  content: '';
  display: inline-block;
  width: .02rem;
  height: 1.24rem;
  background-color: #000000;
  margin-bottom: .14rem;
}

.main-product-list .item-content {
  width: 100%;
  background-color: #fff;
  padding: .3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}

.main-product-list .see-details {
  width: auto;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #333333;
}

.main-product-list .see-details:after {
  content: '';
  display: block;
  width: 100%;
  height: .02rem;
  background-color: #000000;
  margin-top: .04rem;
}

.main-product-list .link-icon {
  width: .4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-product-list .link-icon img {
  width: 100%;
}

.main-product-list .link-icon .img-2 {
  display: none;
}

@media (max-width: 900px) {
  .main-product-list .container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 700px) {
  .main-product-list .list {
    width: 102%;
  }
  .main-product-list .item {
    width: 48%;
  }
}

@media (max-width: 500px) {
  .main-product-list .list {
    width: 100%;
  }
  .main-product-list .item {
    width: 100%;
    margin-right: 0;
  }
}

.main-product-detail {
  width: 100%;
}

.main-product-detail .detail-container {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.main-product-detail .detail-container .wrap {
  width: 16rem;
  margin: 0 auto;
  padding-top: 1.1rem;
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-product-detail .detail-container .wrap-left {
  width: 51%;
  height: 6.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-product-detail .detail-container .detail-s-swiper {
  width: 1.22rem;
}

.main-product-detail .detail-container .dss-item {
  width: 100%;
  height: 1.22rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  margin-bottom: .1rem;
  border-radius: .04rem;
  cursor: pointer;
}

.main-product-detail .detail-container .dss-item img {
  width: 100%;
  height: 100%;
  border-radius: .04rem;
}

.main-product-detail .detail-container .dss-item:last-child {
  margin-bottom: 0;
}

.main-product-detail .detail-container .dss-item:hover {
  border: solid .02rem #0a87c4;
}

.main-product-detail .detail-container .detail-l-swiper {
  width: 6.5rem;
  height: 6.5rem;
}

.main-product-detail .detail-container .dls-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
}

.main-product-detail .detail-container .dls-item img {
  width: 100%;
  height: 100%;
}

.main-product-detail .detail-container .wrap-right {
  width: 44%;
}

.main-product-detail .detail-container .title-box {
  width: 100%;
  margin-bottom: .25rem;
}

.main-product-detail .detail-container .title-box:after {
  content: '';
  display: block;
  width: .22rem;
  height: .02rem;
  background-color: #333333;
  margin-top: .15rem;
}

.main-product-detail .detail-container .en-title {
  width: 100%;
  font-family: MicrosoftYaHei;
  line-height: 1.875;
  color: #999999;
}

.main-product-detail .detail-container .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #0a87c4;
}

.main-product-detail .detail-container .right-content-box {
  width: 100%;
}

.main-product-detail .detail-container .right-content {
  width: 100%;
  margin-bottom: .25rem;
}

.main-product-detail .detail-container .content-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.375;
  color: #333333;
}

.main-product-detail .detail-container .content {
  width: 100%;
}

.main-product-detail .detail-container .content p {
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  line-height: 1.5;
}

.main-product-detail .detail-container .right-txt {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.5;
  color: #333333;
}

.main-product-detail .detail-container .right-txt span {
  font-family: SourceHanSansCN-Normal;
  font-weight: 400;
  color: #333333;
}

.main-product-detail .detail-container .right-share {
  width: 100%;
  margin-top: .4rem;
  padding-top: .3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: .04rem solid #b5b5b5;
}

.main-product-detail .detail-container .right-share-title {
  width: auto;
  font-family: MicrosoftYaHei;
  line-height: 1.625;
  color: #666666;
}

.main-product-detail .detail-container .right-share-item {
  width: auto;
  height: .18rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 .18rem;
  cursor: pointer;
}

.main-product-detail .detail-container .right-share-item img {
  width: auto;
  height: 100%;
}

.main-product-detail .detail-container .right-share-item .img-2 {
  display: none;
}

.main-product-detail .detail-container .right-share-item:hover .img-1 {
  display: none;
}

.main-product-detail .detail-container .right-share-item:hover .img-2 {
  display: inline-block;
}

@media (max-width: 1920px) {
  .main-product-detail .detail-container .right-share-item {
    height: 15px;
  }
}

.main-product-detail .product-parameter {
  width: 100%;
  background-color: #ffffff;
  padding-top: 1.2rem;
  padding-bottom: 1.1rem;
}

.main-product-detail .product-parameter .container {
  width: 16rem;
  margin: 0 auto;
}

.main-product-detail .product-parameter .parameter-title {
  width: 100%;
  margin-bottom: .6rem;
}

.main-product-detail .product-parameter .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .15rem;
}

.main-product-detail .product-parameter .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.main-product-detail .product-parameter .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-product-detail .product-parameter .line img {
  width: 100%;
}

.main-product-detail .product-parameter .parameter-wrap {
  width: 100%;
}

.main-product-detail .product-parameter .parameter-content {
  width: 100%;
  font-family: SourceHanSansSC-Normal;
  line-height: 1.625;
  color: #666666;
  margin-bottom: .3rem;
}

.main-product-detail .product-parameter .parameter-l-pic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-product-detail .product-parameter .parameter-l-pic img {
  width: 100%;
}

.main-product-detail .applications-case {
  width: 100%;
  background-color: #f6f6f6;
  padding-top: 1.5rem;
  padding-bottom: 1.4rem;
}

.main-product-detail .applications-case .ac-container {
  width: 17.9rem;
  margin: 0 auto;
  position: relative;
}

.main-product-detail .applications-case .container {
  width: 16rem;
  margin: 0 auto;
}

.main-product-detail .applications-case .parameter-title {
  width: 100%;
  margin-bottom: .7rem;
}

.main-product-detail .applications-case .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .15rem;
}

.main-product-detail .applications-case .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.main-product-detail .applications-case .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-product-detail .applications-case .line img {
  width: 100%;
}

.main-product-detail .applications-case .ac-swiper {
  width: 100%;
}

.main-product-detail .applications-case .ac-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-product-detail .applications-case .lPic {
  width: 49.5%;
  position: relative;
  overflow: hidden;
}

.main-product-detail .applications-case .lPic:hover .pic-content {
  display: none;
}

.main-product-detail .applications-case .lPic:hover .mask-content {
  top: 0;
}

.main-product-detail .applications-case .box {
  width: 100%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 115%;
}

.main-product-detail .applications-case .pic-content {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: .35rem;
}

.main-product-detail .applications-case .content-cn {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #ffffff;
  margin-bottom: .1rem;
}

.main-product-detail .applications-case .content-en {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #ffffff;
}

.main-product-detail .applications-case .mask-content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  background-color: rgba(25, 133, 234, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.main-product-detail .applications-case .link {
  width: .6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.main-product-detail .applications-case .link img {
  width: 100%;
}

.main-product-detail .applications-case .content {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: .35rem;
}

.main-product-detail .applications-case .sPic-list {
  width: 49.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-product-detail .applications-case .item {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.main-product-detail .applications-case .item .box {
  padding-top: 56.5%;
}

.main-product-detail .applications-case .item:hover .pic-content {
  display: none;
}

.main-product-detail .applications-case .item:hover .mask-content {
  top: 0;
}

.main-product-detail .applications-case .ac-prev {
  width: .64rem;
  height: .64rem;
  left: 0;
  margin-top: 0;
  background-image: url(../images/12.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.main-product-detail .applications-case .ac-prev:hover {
  background-image: url(../images/12-1.png);
}

.main-product-detail .applications-case .ac-next {
  width: .64rem;
  height: .64rem;
  right: 0;
  margin-top: 0;
  background-image: url(../images/13.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.main-product-detail .applications-case .ac-next:hover {
  background-image: url(../images/13-1.png);
}

@media (max-width: 1000px) {
  .main-product-detail .detail-container .wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 500px;
  }
  .main-product-detail .detail-container .wrap-left {
    width: 100%;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 0 auto;
    margin-bottom: 25px;
  }
  .main-product-detail .detail-container .detail-l-swiper {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
  }
  .main-product-detail .detail-container .detail-s-swiper {
    width: 100%;
    height: auto;
  }
  .main-product-detail .detail-container .dss-item {
    width: auto;
    height: auto;
  }
  .main-product-detail .detail-container .wrap-right {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .main-product-detail .product-parameter .container {
    width: 100%;
    padding: 0 20px;
  }
  .main-product-detail .applications-case .ac-container {
    width: 100%;
    padding: 0 20px;
  }
  .main-product-detail .applications-case .container {
    width: 100%;
    padding: 0 35px;
  }
  .main-product-detail .applications-case .ac-prev {
    left: .2rem;
  }
  .main-product-detail .applications-case .ac-next {
    right: .2rem;
  }
}

@media (max-width: 650px) {
  .main-product-detail .applications-case .item .mask-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px;
  }
  .main-product-detail .applications-case .item .link {
    margin-top: 25px;
  }
  .main-product-detail .applications-case .item .content {
    position: static;
  }
}

@media (max-width: 500px) {
  .main-product-detail .applications-case .ac-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-product-detail .applications-case .lPic {
    width: 100%;
  }
  .main-product-detail .applications-case .sPic-list {
    width: 100%;
  }
}

.main-download-center {
  width: 100%;
}

.main-download-center .download-center {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.main-download-center .download-center .wrap {
  width: 16rem;
  margin: 0 auto;
  padding: 1.4rem 0;
}

.main-download-center .download-center .download-center-title {
  width: 100%;
  margin-bottom: .7rem;
}

.main-download-center .download-center .download-center-title .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .15rem;
}

.main-download-center .download-center .download-center-title .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.main-download-center .download-center .download-center-title .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-download-center .download-center .download-center-title .line img {
  width: 100%;
}

.main-download-center .download-center .dc-box {
  width: 100%;
}

.main-download-center .download-center .dc-title-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #0a87c4;
  padding: .36rem 0;
}

.main-download-center .download-center .dct-A {
  width: 40%;
  font-family: SourceHanSansSC-Medium;
  color: #ffffff;
  padding-left: .4rem;
}

.main-download-center .download-center .dct-B {
  width: 20%;
  font-family: SourceHanSansSC-Medium;
  color: #ffffff;
  text-align: center;
}

.main-download-center .download-center .dct-C {
  width: 25%;
  font-family: SourceHanSansSC-Medium;
  color: #ffffff;
  text-align: center;
}

.main-download-center .download-center .dct-D {
  width: 15%;
  font-family: SourceHanSansSC-Medium;
  color: #ffffff;
  text-align: center;
}

.main-download-center .download-center .list {
  width: 100%;
  margin-bottom: .6rem;
}

.main-download-center .download-center .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .28rem 0;
  border-bottom: .02rem solid #dddddd;
}

.main-download-center .download-center .item:hover .dci-A {
  color: #0a87c4;
}

.main-download-center .download-center .item:hover .dci-B {
  color: #0a87c4;
}

.main-download-center .download-center .item:hover .dci-C {
  color: #0a87c4;
}

.main-download-center .download-center .item:hover .dci-D-text {
  color: #0a87c4;
}

.main-download-center .download-center .dci-A {
  width: 40%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.625;
  color: #666666;
  padding-left: .4rem;
  padding-right: .4rem;
}

.main-download-center .download-center .dci-B {
  width: 20%;
  font-family: ArialMT;
  line-height: 1.625;
  color: #666666;
  text-align: center;
}

.main-download-center .download-center .dci-C {
  width: 25%;
  font-family: ArialMT;
  line-height: 1.625;
  color: #888888;
  text-align: center;
}

.main-download-center .download-center .dci-D {
  width: 15%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-left: .02rem solid #ccc;
  padding: .06rem 0;
  cursor: pointer;
}

.main-download-center .download-center .dci-D-text {
  width: auto;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.625;
  color: #666666;
  margin-left: .1rem;
}

.main-download-center .download-center .dci-icon {
  width: .25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-download-center .download-center .dci-icon img {
  width: 100%;
}

@media (max-width: 1200px) {
  .main-download-center .download-center .dci-icon {
    width: 18px;
  }
}

.main-download-center .technical-services {
  width: 100%;
}

.main-download-center .technical-services .container {
  width: 16rem;
  height: 6.4rem;
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 1rem;
  padding-top: .9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-download-center .technical-services .ts-left {
  width: 19%;
}

.main-download-center .technical-services .ts-right {
  width: 44%;
}

.main-download-center .technical-services .ts-en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: .2rem;
}

.main-download-center .technical-services .ts-cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #ffffff;
  margin-bottom: .26rem;
}

.main-download-center .technical-services .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-download-center .technical-services .line img {
  width: 100%;
}

.main-download-center .technical-services .ts-title {
  width: 100%;
  font-family: SourceHanSansCN-Medium;
  line-height: 1.25;
  color: #ffffff;
  margin-bottom: .3rem;
}

.main-download-center .technical-services .ts-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: .32rem;
}

.main-download-center .technical-services .ts-item {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: .5rem;
}

.main-download-center .technical-services .ts-item-icon {
  width: auto;
  height: .22rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-download-center .technical-services .ts-item-icon img {
  height: 100%;
}

.main-download-center .technical-services .ts-item-txt {
  width: auto;
  font-family: SourceHanSansCN-Regular;
  line-height: 1.25;
  color: #ffffff;
  margin-left: .15rem;
}

.main-download-center .technical-services .ts-content {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.875;
  color: #ffffff;
  margin-top: .5rem;
}

.main-download-center .after-sales {
  width: 100%;
  padding-bottom: 1.4rem;
}

.main-download-center .after-sales .container {
  width: 16rem;
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-top: 1.6rem;
}

.main-download-center .after-sales .as-img {
  width: 50%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 36.75%;
}

.main-download-center .after-sales .as-wrap {
  width: 50%;
  background-color: #edeef0;
  padding-left: .8rem;
  padding-right: .8rem;
  padding-top: .9rem;
  padding-bottom: 1.5rem;
}

.main-download-center .after-sales .as-title {
  width: 100%;
  margin-bottom: .6rem;
}

.main-download-center .after-sales .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .22rem;
}

.main-download-center .after-sales .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.main-download-center .after-sales .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-download-center .after-sales .line img {
  width: 100%;
}

.main-download-center .after-sales .as-content {
  width: 100%;
}

.main-download-center .after-sales .as-content-title {
  width: 100%;
  font-family: SourceHanSansCN-Medium;
  line-height: 1.25;
  color: #666666;
  margin-bottom: .2rem;
}

.main-download-center .after-sales .as-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: .25rem;
}

.main-download-center .after-sales .as-item {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: .5rem;
  margin-bottom: .25rem;
}

.main-download-center .after-sales .as-item-icom {
  width: auto;
  height: .22rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-download-center .after-sales .as-item-icom img {
  height: 100%;
}

.main-download-center .after-sales .as-item-txt {
  width: auto;
  margin-left: .15rem;
  font-family: SourceHanSansCN-Regular;
  line-height: 1.25;
  color: #333333;
}

.main-download-center .after-sales .content {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.875;
  color: #666666;
}

@media (max-width: 900px) {
  .main-download-center .download-center .wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .main-download-center .download-center .dct-B {
    width: 20%;
  }
  .main-download-center .download-center .dct-C {
    width: 20%;
  }
  .main-download-center .download-center .dct-D {
    width: 20%;
  }
  .main-download-center .download-center .dci-B {
    width: 20%;
  }
  .main-download-center .download-center .dci-C {
    width: 20%;
  }
  .main-download-center .download-center .dci-D {
    width: 20%;
  }
  .main-download-center .technical-services {
    padding: 0 20px;
  }
  .main-download-center .technical-services .container {
    width: 100%;
    height: auto;
    min-height: 344px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-download-center .technical-services .ts-left {
    width: 35%;
  }
  .main-download-center .technical-services .ts-right {
    width: 60%;
  }
  .main-download-center .after-sales {
    padding-left: 20px;
    padding-right: 20px;
  }
  .main-download-center .after-sales .container {
    width: 100%;
    max-width: 600px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-download-center .after-sales .as-img {
    width: 100%;
    padding-top: 73%;
  }
  .main-download-center .after-sales .as-wrap {
    width: 100%;
    padding: 20px 15px;
  }
  .main-download-center .after-sales .content {
    -webkit-line-clamp: 1000000000;
  }
}

@media (max-width: 600px) {
  .main-download-center .download-center .dct-B {
    display: none;
  }
  .main-download-center .download-center .dct-C {
    width: 30%;
  }
  .main-download-center .download-center .dct-D {
    width: 30%;
  }
  .main-download-center .download-center .dci-C {
    width: 30%;
  }
  .main-download-center .download-center .dci-D {
    width: 30%;
  }
  .main-download-center .download-center .dci-B {
    display: none;
  }
  .main-download-center .technical-services .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
  }
  .main-download-center .technical-services .ts-left {
    width: 100%;
    margin-bottom: 25px;
  }
  .main-download-center .technical-services .ts-right {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .main-download-center .download-center .dct-C {
    display: none;
  }
  .main-download-center .download-center .dci-C {
    display: none;
  }
  .main-download-center .download-center .dct-A {
    width: 60%;
  }
  .main-download-center .download-center .dci-A {
    width: 60%;
  }
  .main-download-center .download-center .dct-D {
    width: 40%;
  }
  .main-download-center .download-center .dci-D {
    width: 40%;
  }
  .main-download-center .technical-services .ts-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .main-download-center .technical-services .ts-item {
    width: 100%;
    margin-bottom: 15px;
  }
}

.main-about-us {
  width: 100%;
}

.main-about-us .about-us {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.main-about-us .about-us .au-container {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}

.main-about-us .about-us .container {
  width: 16rem;
  margin: 0 auto;
}

.main-about-us .about-us .title-box {
  width: 100%;
  margin-bottom: .55rem;
}

.main-about-us .about-us .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .16rem;
}

.main-about-us .about-us .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.main-about-us .about-us .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-about-us .about-us .title-box .line img {
  width: 100%;
}

.main-about-us .about-us .au-content {
  width: 9.4rem;
  margin-bottom: .35rem;
}

.main-about-us .about-us .au-content p {
  font-family: SourceHanSansSC-Normal;
  line-height: 1.75;
  color: #666666;
}

.main-about-us .about-us .au-list {
  width: 9.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.main-about-us .about-us .au-item {
  width: 33.333%;
  padding: 0 .6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}

.main-about-us .about-us .au-item:after {
  content: '';
  display: inline-block;
  width: .02rem;
  height: .4rem;
  background-color: #d2d2d2;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.main-about-us .about-us .au-item:first-child {
  padding: 0;
}

.main-about-us .about-us .au-item:last-child:after {
  display: none;
}

.main-about-us .about-us .au-item-title {
  width: 100%;
  font-family: SourceHanSansSC-Normal;
  line-height: 1.5;
  color: #0a87c4;
}

.main-about-us .about-us .au-item-num {
  width: 100%;
  font-family: Akrobat-SemiBold;
  font-size: 5vh;
  color: #0a87c4;
  margin-bottom: .15rem;
}

.main-about-us .about-us .au-item-num em {
  font-family: SourceHanSansSC-Normal;
  line-height: 1.25;
  color: #0a87c4;
  margin-left: .1rem;
}

.main-about-us .about-us .au-item-txt {
  width: 100%;
  font-family: SourceHanSansSC-Normal;
  line-height: 1.75;
  color: #666666;
}

.main-about-us .qualification-patent {
  width: 100%;
  padding: 1.3rem 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.main-about-us .qualification-patent .container {
  width: 16rem;
  margin: 0 auto;
  position: relative;
}

.main-about-us .qualification-patent .title-box {
  width: 100%;
  margin-bottom: .6rem;
}

.main-about-us .qualification-patent .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: .15rem;
}

.main-about-us .qualification-patent .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #ffffff;
  margin-bottom: .25rem;
}

.main-about-us .qualification-patent .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-about-us .qualification-patent .title-box .line img {
  width: 100%;
}

.main-about-us .qualification-patent .wrap {
  width: 100%;
}

.main-about-us .qualification-patent .qp-swiper {
  width: 100%;
}

.main-about-us .qualification-patent .qp-item {
  width: 23.125%;
  height: 4.2rem;
  margin-right: 2.5%;
  background-color: #fff;
  padding: .96rem .25rem .38rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.main-about-us .qualification-patent .qp-item:last-child {
  margin-right: 0;
}

.main-about-us .qualification-patent .item-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-about-us .qualification-patent .item-left {
  width: 2.36rem;
  display: none;
}

.main-about-us .qualification-patent .item-pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  height: 1.7rem;
  -webkit-transition: all .2s;
  transition: all .2s;
  max-width: 100%;
  cursor: pointer;
}

.main-about-us .qualification-patent .item-pic img {
  max-width: 100%;
  height: 100%;
}

.main-about-us .qualification-patent .item-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.35;
  color: #333333;
  margin-bottom: .16rem;
}

.main-about-us .qualification-patent .item-year {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 2;
  color: #666666;
}

.main-about-us .qualification-patent .item-name {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #666666;
  text-align: center;
}

.main-about-us .qualification-patent .item-tip {
  width: 1rem;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
}

.main-about-us .qualification-patent .item-tip img {
  width: 100%;
}

.main-about-us .qualification-patent .active {
  width: 48.75%;
  padding-bottom: .6rem;
  padding-left: .7rem;
  padding-right: .7rem;
}

.main-about-us .qualification-patent .active .item-left {
  display: block;
}

.main-about-us .qualification-patent .active .item-pic {
  margin: 0;
  height: 2.15rem;
  max-width: 3.24rem;
}

.main-about-us .qualification-patent .active .item-name {
  text-align: left;
  opacity: 0;
}

.main-about-us .qualification-patent .active .item-tip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-about-us .qualification-patent .prev-next {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  top: .34rem;
}

.main-about-us .qualification-patent .qp-prev {
  width: .64rem;
  height: .64rem;
  margin-top: 0;
  background-image: url(../images/93.png);
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: static;
  margin-top: 0;
  opacity: 1;
}

.main-about-us .qualification-patent .qp-prev:hover {
  background-image: url(../images/95.png);
}

.main-about-us .qualification-patent .qp-next {
  width: .64rem;
  height: .64rem;
  margin-top: 0;
  background-image: url(../images/94.png);
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: static;
  margin-top: 0;
  opacity: 1;
  margin-left: .4rem;
}

.main-about-us .qualification-patent .qp-next:hover {
  background-image: url(../images/96.png);
}

.main-about-us .culture-idea {
  width: 100%;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}

.main-about-us .culture-idea .container {
  width: 16rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-about-us .culture-idea .item {
  width: 48%;
}

.main-about-us .culture-idea .item:hover .item-pic img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.main-about-us .culture-idea .title-box {
  width: 100%;
  margin-bottom: .6rem;
}

.main-about-us .culture-idea .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .15rem;
}

.main-about-us .culture-idea .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.main-about-us .culture-idea .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-about-us .culture-idea .line img {
  width: 100%;
}

.main-about-us .culture-idea .item-box {
  width: 100%;
  position: relative;
}

.main-about-us .culture-idea .item-pic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.main-about-us .culture-idea .item-pic img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.main-about-us .culture-idea .item-content {
  width: 4.66rem;
  background-color: rgba(10, 135, 196, 0.9);
  padding: .4rem;
  position: absolute;
  left: 0;
  bottom: 0;
}

.main-about-us .culture-idea .content-title {
  width: 100%;
  font-family: SourceHanSansCN-Medium;
  line-height: 1.25;
  color: #ffffff;
  margin-bottom: .28rem;
}

.main-about-us .culture-idea .content {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.75;
  color: #ffffff;
}

.main-about-us .recruitment {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.3rem 0;
}

.main-about-us .recruitment .container {
  width: 16rem;
  margin: 0 auto;
  position: relative;
}

.main-about-us .recruitment .title-box {
  width: 100%;
  margin-bottom: .6rem;
}

.main-about-us .recruitment .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .15rem;
}

.main-about-us .recruitment .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.main-about-us .recruitment .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-about-us .recruitment .line img {
  width: 100%;
}

.main-about-us .recruitment .search {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  top: .3rem;
}

.main-about-us .recruitment .search-ipt {
  width: 2.6rem;
  background-color: #ffffff;
  padding: .25rem .2rem;
  border: 0;
  outline: none;
}

.main-about-us .recruitment .search-btn {
  width: 1rem;
  background-color: #0a87c4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: SourceHanSansCN-Normal;
  color: #ffffff;
  cursor: pointer;
  border: none;
  outline: none;
}

.main-about-us .recruitment .wrap {
  width: 100%;
  margin-bottom: .5rem;
}

.main-about-us .recruitment .rec-item {
  width: 100%;
  margin-bottom: .1rem;
}

.main-about-us .recruitment .rec-item.active {
  margin-bottom: .4rem;
}

.main-about-us .recruitment .rec-item.active .item-head {
  background-color: #0a87c4;
}

.main-about-us .recruitment .rec-item.active .head-A {
  color: #ffffff;
}

.main-about-us .recruitment .rec-item.active .head-name {
  color: #fff;
}

.main-about-us .recruitment .rec-item.active .head-time {
  color: #fff;
}

.main-about-us .recruitment .rec-item.active .head-num {
  color: #fff;
}

.main-about-us .recruitment .rec-item.active .head-icon .img-1 {
  display: none;
}

.main-about-us .recruitment .rec-item.active .head-icon .img-2 {
  display: inline-block;
}

.main-about-us .recruitment .item-head {
  width: 100%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.main-about-us .recruitment .head-A {
  width: 17.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #333333;
  position: relative;
}

.main-about-us .recruitment .head-A:after {
  content: '';
  display: inline-block;
  background-color: #e5e5e5;
  width: .02rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.main-about-us .recruitment .head-B {
  width: 18.125%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: .4rem 0;
  padding-left: .5rem;
}

.main-about-us .recruitment .head-C {
  width: 16.625%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: .4rem 0;
  padding-left: .5rem;
}

.main-about-us .recruitment .head-D {
  width: 16.75%;
  padding: .4rem 0;
  padding-left: .5rem;
}

.main-about-us .recruitment .head-E {
  width: 31%;
  padding: .4rem 0;
  padding-left: .5rem;
  padding-right: .8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-about-us .recruitment .head-name {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #666666;
  margin-bottom: .2rem;
  position: relative;
}

.main-about-us .recruitment .head-name:after {
  content: '';
  display: inline-block;
  background-color: #e5e5e5;
  width: .02rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.main-about-us .recruitment .head-time {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #666666;
  position: relative;
}

.main-about-us .recruitment .head-time:after {
  content: '';
  display: inline-block;
  background-color: #e5e5e5;
  width: .02rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.main-about-us .recruitment .head-num {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  line-height: 1.25;
  color: #666666;
}

.main-about-us .recruitment .head-icon {
  width: .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-about-us .recruitment .head-icon img {
  width: 100%;
}

.main-about-us .recruitment .head-icon .img-2 {
  display: none;
}

.main-about-us .recruitment .item-box {
  width: 100%;
  background-color: #fff;
  padding: .6rem .8rem;
  display: none;
}

.main-about-us .recruitment .box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: .7rem;
}

.main-about-us .recruitment .item-content {
  width: 39%;
}

.main-about-us .recruitment .content-title {
  width: 100%;
  font-family: SourceHanSansCN-Normal;
  color: #0a87c4;
  margin-bottom: .3rem;
}

.main-about-us .recruitment .content {
  width: 100%;
}

.main-about-us .recruitment .content p {
  font-family: SourceHanSansSC-Normal;
  line-height: 2;
  color: #666666;
}

.main-about-us .recruitment .item-link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-about-us .recruitment .link {
  width: auto;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .25rem .4rem;
  background-color: #0a87c4;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.main-about-us .recruitment .link:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.main-about-us .recruitment .link-txt {
  width: auto;
  font-family: SourceHanSansCN-Normal;
  line-height: 2;
  color: #ffffff;
}

.main-about-us .recruitment .link-icon {
  width: .22rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: .4rem;
}

.main-about-us .recruitment .link-icon img {
  width: 100%;
}

.main-about-us .contact-us {
  width: 100%;
  background-color: #ffffff;
  padding-top: 1.3rem;
  padding-bottom: 1.4rem;
}

.main-about-us .contact-us .container {
  width: 16rem;
  margin: 0 auto;
}

.main-about-us .contact-us .title-box {
  width: 100%;
  margin-bottom: .6rem;
}

.main-about-us .contact-us .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .15rem;
}

.main-about-us .contact-us .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.main-about-us .contact-us .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-about-us .contact-us .line img {
  width: 100%;
}

.main-about-us .contact-us .wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.main-about-us .contact-us .cu-bg {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-about-us .contact-us .cu-bg img {
  width: 100%;
}

.main-about-us .contact-us .cu-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.main-about-us .contact-us .cu-content {
  width: 4rem;
  background-color: #fff;
  -webkit-box-shadow: 0.04rem 0.03rem 0 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0.04rem 0.03rem 0 0 rgba(0, 0, 0, 0.25);
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  padding: 0 .4rem;
  border-bottom: .05rem solid #0a87c4;
}

.main-about-us .contact-us .cuc-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .36rem 0;
  border-bottom: .02rem solid #e5e5e5;
}

.main-about-us .contact-us .cuc-item-icon {
  width: .3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-about-us .contact-us .cuc-item-icon img {
  width: 100%;
}

.main-about-us .contact-us .cuc-item-content {
  width: calc(100% - .3rem - .5rem);
  margin-left: .5rem;
}

.main-about-us .contact-us .cucic-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #333333;
  margin-bottom: .12rem;
}

.main-about-us .contact-us .content {
  width: 100%;
}

.main-about-us .contact-us .content p {
  font-family: SourceHanSansSC-Normal;
  line-height: 1.75;
  color: #666666;
}

@media (max-width: 1280px) {
  .main-about-us .recruitment .container {
    width: 100%;
    padding: 0 20px;
  }
  .main-about-us .recruitment .search {
    right: 20px;
  }
  .main-about-us .recruitment .head-A {
    width: 14%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-about-us .recruitment .head-B {
    width: 22%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-about-us .recruitment .head-C {
    width: 22%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-about-us .recruitment .head-D {
    width: 22%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-about-us .recruitment .head-E {
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 1200px) {
  .main-about-us .contact-us .cu-box {
    position: static;
  }
  .main-about-us .contact-us .cu-content {
    position: static;
    -webkit-transform: translate(0);
            transform: translate(0);
    -webkit-box-shadow: none;
            box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .main-about-us .contact-us .cuc-item {
    width: 33.333%;
    border-bottom: none;
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-about-us .contact-us .cuc-item-icon {
    width: 20px;
  }
  .main-about-us .contact-us .cuc-item-content {
    width: calc(100% - 20px - 15px);
    margin-left: 15px;
  }
}

@media (max-width: 900px) {
  .main-about-us .about-us .au-container {
    background: none !important;
  }
  .main-about-us .about-us .container {
    width: 100%;
    padding: 0 20px;
  }
  .main-about-us .about-us .au-content {
    width: 100%;
    margin-bottom: 25px;
  }
  .main-about-us .about-us .au-list {
    width: 100%;
  }
  .main-about-us .about-us .au-item {
    padding: 0 15px;
  }
  .main-about-us .about-us .au-item:after {
    display: none;
  }
  .main-about-us .about-us .au-item-num {
    font-size: 30px;
  }
  .main-about-us .qualification-patent .container {
    width: 100%;
    padding: 0 20px;
  }
  .main-about-us .qualification-patent .item-pic {
    width: 100%;
  }
  .main-about-us .qualification-patent .qp-item {
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-about-us .qualification-patent .active {
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-about-us .qualification-patent .active .item-left {
    width: 55%;
  }
  .main-about-us .qualification-patent .active .item-pic {
    width: 40%;
  }
  .main-about-us .qualification-patent .prev-next {
    right: 20px;
  }
  .main-about-us .culture-idea .container {
    width: 100%;
    padding: 0 20px;
  }
  .main-about-us .culture-idea .item-content {
    position: static;
    width: 100%;
  }
  .main-about-us .culture-idea .content {
    -webkit-line-clamp: 10000000;
  }
  .main-about-us .recruitment .head-A {
    width: 20%;
  }
  .main-about-us .recruitment .head-B {
    display: none;
  }
  .main-about-us .recruitment .head-C {
    width: 30%;
  }
  .main-about-us .recruitment .head-D {
    width: 25%;
  }
  .main-about-us .recruitment .head-E {
    width: 25%;
  }
  .main-about-us .contact-us .container {
    width: 100%;
    padding: 0 20px;
  }
}

@media (max-width: 600px) {
  .main-about-us .qualification-patent .qp-item {
    width: 49%;
    height: 3.8rem;
    margin-right: 2%;
    padding: 25px;
  }
  .main-about-us .qualification-patent .active .item-left {
    display: none;
  }
  .main-about-us .qualification-patent .active .item-pic {
    width: 100%;
    margin: 0 auto;
  }
  .main-about-us .qualification-patent .active .item-name {
    text-align: center;
    opacity: 1;
  }
  .main-about-us .qualification-patent .active .item-tip {
    display: none;
  }
  .main-about-us .culture-idea {
    padding: 25px 0;
  }
  .main-about-us .culture-idea .item {
    width: 100%;
    margin-bottom: 50px;
  }
  .main-about-us .culture-idea .item:last-child {
    margin-bottom: 0;
  }
  .main-about-us .recruitment .head-C {
    display: none;
  }
  .main-about-us .recruitment .head-A {
    width: 28%;
  }
  .main-about-us .recruitment .head-D {
    width: 37%;
  }
  .main-about-us .recruitment .head-E {
    width: 35%;
  }
  .main-about-us .recruitment .item-content {
    width: 100%;
    margin-bottom: 25px;
  }
  .main-about-us .contact-us .cu-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-about-us .contact-us .cuc-item {
    width: 100%;
  }
  .main-about-us .contact-us .cuc-item-icon {
    width: 22px;
  }
  .main-about-us .contact-us .cuc-item-content {
    width: calc(100% - 22px - 15px);
    margin-left: 15px;
  }
}

@media (max-width: 500px) {
  .main-about-us .about-us .au-item {
    padding: 0 6px;
  }
  .main-about-us .about-us .au-item:after {
    display: none;
  }
}

@media (max-width: 400px) {
  .main-about-us .about-us .au-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .main-about-us .about-us .au-item {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
  }
  .main-about-us .qualification-patent .qp-item {
    width: 100%;
    margin-right: 0;
  }
  .main-about-us .recruitment .head-D {
    display: none;
  }
  .main-about-us .recruitment .head-A {
    width: 50%;
  }
  .main-about-us .recruitment .head-E {
    width: 50%;
  }
}

.main-zhihui {
  width: 100%;
}

.mz-zhihui {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.mz-zhihui .zhihui-container {
  width: 100%;
  padding-top: 1.3rem;
  padding-bottom: 1.2rem;
}

.mz-zhihui .container {
  width: 16rem;
  margin: 0 auto;
}

.mz-zhihui .title-box {
  width: 100%;
  margin-bottom: .55rem;
}

.mz-zhihui .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .16rem;
}

.mz-zhihui .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.mz-zhihui .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mz-zhihui .title-box .line img {
  width: 100%;
}

.mz-zhihui .wrap {
  width: 100%;
}

.mz-zhihui .pic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: .6rem;
}

.mz-zhihui .pic img {
  width: 100%;
}

.mz-zhihui .mz-content {
  width: 100%;
}

.mz-zhihui .content-title {
  width: 100%;
  font-family: SourceHanSansSC-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .4rem;
}

.mz-zhihui .content-title:after {
  content: '';
  display: block;
  width: .4rem;
  height: .04rem;
  background-color: #0a87c4;
  margin-top: .36rem;
}

.mz-zhihui .content {
  width: 100%;
}

.mz-zhihui .content p {
  font-family: SourceHanSansSC-Normal;
  line-height: 1.75;
  color: #666666;
}

@media (max-width: 900px) {
  .mz-zhihui {
    width: 100%;
  }
  .mz-zhihui .container {
    width: 100%;
    padding: 0 20px;
  }
}

.mz-tutor-team {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
  position: relative;
}

.mz-tutor-team .container {
  width: 16rem;
  margin: 0 auto;
  position: relative;
}

.mz-tutor-team .title-box {
  width: 100%;
}

.mz-tutor-team .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .16rem;
}

.mz-tutor-team .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.mz-tutor-team .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mz-tutor-team .title-box .line img {
  width: 100%;
}

.mz-tutor-team .mztt-nav {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  top: .6rem;
}

.mz-tutor-team .nav-item {
  width: auto;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  cursor: pointer;
}

.mz-tutor-team .nav-item:after {
  content: '/';
  display: inline-block;
  height: 1em;
  font-family: ArialMT;
  color: #999999;
  margin: 0 .3rem;
}

.mz-tutor-team .nav-item:last-child:after {
  display: none;
}

.mz-tutor-team .nav-item.active {
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #0a87c4;
}

.mz-tutor-team .wrap {
  width: 100%;
}

.mz-tutor-team .tt-swiper {
  width: 100%;
  padding-top: 1.3rem;
}

.mz-tutor-team .item {
  background-color: #fff;
  width: 22.75%;
  margin-right: 3%;
  padding: 0 .4rem;
  padding-top: 1.2rem;
  padding-bottom: .5rem;
  border-bottom: .05rem solid #0a87c4;
}

.mz-tutor-team .item-pic {
  width: 1.56rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 50%;
  top: -.7rem;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border: .08rem solid #f2f2f2;
  border-radius: 50%;
}

.mz-tutor-team .item-pic img {
  width: 100%;
}

.mz-tutor-team .item-name {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansSC-Bold;
  font-weight: bold;
  line-height: 1.3;
  color: #000000;
  margin-bottom: .4rem;
}

.mz-tutor-team .item-name:after {
  content: '';
  display: block;
  width: .4rem;
  height: .04rem;
  background-color: #0a87c4;
  margin: 0 auto;
  margin-top: .26rem;
}

.mz-tutor-team .content {
  width: 100%;
  height: 11.25em;
  font-family: SourceHanSansSC-Normal;
  line-height: 1.875;
  color: #666666;
}

.mz-tutor-team .tt-prev {
  width: .64rem;
  height: .64rem;
  border-radius: 50%;
  background-image: url(../images/122.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  left: 2.25%;
  top: auto;
  bottom: 3.5rem;
  margin-top: 0;
}

.mz-tutor-team .tt-prev:hover {
  background-image: url(../images/124.png);
}

.mz-tutor-team .tt-next {
  width: .64rem;
  height: .64rem;
  border-radius: 50%;
  background-image: url(../images/123.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  right: 2.25%;
  top: auto;
  bottom: 3.5rem;
  margin-top: 0;
}

.mz-tutor-team .tt-next:hover {
  background-image: url(../images/125.png);
}

@media (max-width: 900px) {
  .mz-tutor-team .container {
    width: 100%;
    padding: 0 20px;
  }
  .mz-tutor-team .mztt-nav {
    right: 20px;
  }
  .mz-tutor-team .tt-prev {
    display: none;
  }
  .mz-tutor-team .tt-next {
    display: none;
  }
}

@media (max-width: 700px) {
  .mz-tutor-team .item {
    width: 48%;
    margin-right: 3%;
  }
}

@media (max-width: 500px) {
  .mz-tutor-team .title-box {
    margin-bottom: 25px;
  }
  .mz-tutor-team .mztt-nav {
    position: static;
  }
}

@media (max-width: 400px) {
  .mz-tutor-team .item {
    width: 100%;
    margin-right: 0;
  }
}

.mz-service {
  width: 100%;
  background-color: #fff;
  padding-top: 1.3rem;
  padding-bottom: .9rem;
}

.mz-service .container {
  width: 16rem;
  margin: 0 auto;
}

.mz-service .title-box {
  width: 100%;
  margin-bottom: .6rem;
}

.mz-service .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .16rem;
}

.mz-service .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.mz-service .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mz-service .title-box .line img {
  width: 100%;
}

.mz-service .list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mz-service .item {
  width: 48.6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #edeef0;
  padding: .6rem .4rem;
  margin-bottom: .4rem;
}

.mz-service .item-icon {
  width: 1.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mz-service .item-icon img {
  width: 100%;
}

.mz-service .item-content {
  width: calc(100% - .5rem - 1.3rem);
}

.mz-service .content-title {
  width: 100%;
  font-family: SourceHanSansSC-Bold;
  font-weight: bold;
  line-height: 1.3;
  color: #000000;
  margin-bottom: .3rem;
}

.mz-service .content-title:after {
  content: '';
  display: block;
  width: .4rem;
  height: .04rem;
  background-color: #0a87c4;
  margin-top: .26rem;
}

.mz-service .content {
  width: 100%;
  font-family: SourceHanSansSC-Normal;
  line-height: 1.875;
  color: #666666;
}

@media (max-width: 900px) {
  .mz-service .container {
    width: 100%;
    padding: 0 20px;
  }
}

@media (max-width: 700px) {
  .mz-service .item {
    width: 100%;
  }
}

@media (max-width: 400px) {
  .mz-service .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 10px;
  }
  .mz-service .item-icon {
    margin: 0 auto;
    margin-bottom: 25px;
  }
  .mz-service .item-content {
    width: 100%;
  }
}

.mz-incubation {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 1.2rem;
  padding-bottom: .86rem;
}

.mz-incubation .container {
  width: 16rem;
  margin: 0 auto;
  overflow: hidden;
}

.mz-incubation .title-box {
  width: 100%;
  margin-bottom: .6rem;
}

.mz-incubation .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .16rem;
}

.mz-incubation .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.mz-incubation .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mz-incubation .title-box .line img {
  width: 100%;
}

.mz-incubation .list {
  width: calc(100% + .44rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mz-incubation .item {
  width: 5.04rem;
  margin-right: .44rem;
}

.mz-incubation .item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.mz-incubation .item:hover .item-content {
  background-color: #0a87c4;
  color: #fff;
}

.mz-incubation .item-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.mz-incubation .item-img img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.mz-incubation .item-content {
  width: 100%;
  background-color: #fff;
  padding: .5rem .4rem;
  border-bottom: .05rem solid #0a87c4;
}

.mz-incubation .item-content span {
  display: inline-block;
  height: 2.5em;
  font-family: SourceHanSansSC-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #000000;
}

@media (max-width: 900px) {
  .mz-incubation .container {
    width: 100%;
    padding: 0 20px;
  }
  .mz-incubation .list {
    width: 103%;
  }
  .mz-incubation .item {
    width: 31%;
    margin-right: 2%;
  }
}

@media (max-width: 600px) {
  .mz-incubation .list {
    width: 102%;
  }
  .mz-incubation .item {
    width: 48%;
    margin-bottom: 2%;
  }
}

@media (max-width: 400px) {
  .mz-incubation .list {
    width: 100%;
  }
  .mz-incubation .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
}

.mz-activity {
  width: 100%;
  background-color: #fff;
  padding-top: 1.3rem;
  padding-bottom: 1.4rem;
  position: relative;
}

.mz-activity .container {
  width: 16rem;
  margin: 0 auto;
  position: relative;
}

.mz-activity .title-box {
  width: 100%;
  margin-bottom: .6rem;
}

.mz-activity .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .16rem;
}

.mz-activity .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.mz-activity .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mz-activity .title-box .line img {
  width: 100%;
}

.mz-activity .mztt-nav {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  top: .6rem;
}

.mz-activity .nav-item {
  width: auto;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  cursor: pointer;
}

.mz-activity .nav-item:after {
  content: '/';
  display: inline-block;
  height: 1em;
  font-family: ArialMT;
  color: #999999;
  margin: 0 .3rem;
}

.mz-activity .nav-item:last-child:after {
  display: none;
}

.mz-activity .nav-item.active {
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #0a87c4;
}

.mz-activity .wrap {
  width: 100%;
}

.mz-activity .mza-swiper {
  width: 100%;
}

.mz-activity .item {
  background-color: #fff;
  width: 31.5%;
  margin-right: 2.75%;
}

.mz-activity .item:hover .item-pic img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.mz-activity .item-pic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.mz-activity .item-pic img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.mz-activity .mzas-prev {
  width: .64rem;
  height: .64rem;
  border-radius: 50%;
  background-image: url(../images/122.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  left: 2.25%;
  top: auto;
  bottom: 2.6rem;
  margin-top: 0;
}

.mz-activity .mzas-prev:hover {
  background-image: url(../images/124.png);
}

.mz-activity .mzas-next {
  width: .64rem;
  height: .64rem;
  border-radius: 50%;
  background-image: url(../images/123.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  right: 2.25%;
  top: auto;
  bottom: 2.6rem;
  margin-top: 0;
}

.mz-activity .mzas-next:hover {
  background-image: url(../images/125.png);
}

@media (max-width: 900px) {
  .mz-activity .container {
    width: 100%;
    padding: 0 20px;
  }
  .mz-activity .mztt-nav {
    right: 20px;
  }
  .mz-activity .mzas-prev {
    display: none;
  }
  .mz-activity .mzas-next {
    display: none;
  }
}

@media (max-width: 700px) {
  .mz-activity .mztt-nav {
    position: static;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 15px;
  }
  .mz-activity .nav-item {
    margin-bottom: 15px;
  }
  .mz-activity .item {
    width: 48%;
    margin-right: 3%;
  }
}

@media (max-width: 500px) {
  .mz-activity .title-box {
    margin-bottom: 25px;
  }
}

@media (max-width: 500px) {
  .mz-activity .item {
    width: 100%;
    margin-right: 0;
  }
}

.main-life-health {
  width: 100%;
}

.mlh-city {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.mlh-city .city-container {
  width: 100%;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}

.mlh-city .container {
  width: 16rem;
  margin: 0 auto;
}

.mlh-city .title-box {
  width: 100%;
  margin-bottom: .2rem;
}

.mlh-city .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .16rem;
}

.mlh-city .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.mlh-city .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mlh-city .title-box .line img {
  width: 100%;
}

.mlh-city .wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mlh-city .wrap-pic {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mlh-city .wrap-pic img {
  width: 100%;
}

.mlh-city .wrap-content {
  width: 45%;
}

.mlh-city .content {
  width: 100%;
  height: 2.3rem;
  margin-bottom: .38rem;
}

.mlh-city .content p {
  font-family: SourceHanSansSC-Normal;
  line-height: 1.875;
  color: #666666;
}

.mlh-city .content .mCSB_scrollTools {
  opacity: 1;
}

.mlh-city .content .mCSB_scrollTools .mCSB_draggerRail {
  width: 3px;
  background-color: #dedede;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

.mlh-city .content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 3px;
  background-color: #2e59a1;
  border-radius: 6px;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

.mlh-city .content .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mlh-city .content .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #2e59a1;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

.mlh-city .content .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #2e59a1;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

.mlh-city .au-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: .6rem;
}

.mlh-city .au-item {
  width: 33.333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.mlh-city .au-item:first-child {
  padding: 0;
}

.mlh-city .au-item:last-child:after {
  display: none;
}

.mlh-city .au-item-title {
  width: 100%;
  font-family: SourceHanSansSC-Normal;
  line-height: 1.5;
  color: #0a87c4;
}

.mlh-city .au-item-num {
  width: 100%;
  font-family: Akrobat-SemiBold;
  font-size: 4vh;
  color: #0a87c4;
  margin-bottom: .15rem;
}

.mlh-city .au-item-num em {
  font-family: SourceHanSansSC-Normal;
  line-height: 1.25;
  color: #0a87c4;
  margin-left: .1rem;
}

.mlh-city .wrap-link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mlh-city .link {
  font-family: SourceHanSansSC-Normal;
  line-height: 1.75;
  color: #ffffff;
  background-color: #0a87c4;
  padding: .22rem .42rem;
  cursor: pointer;
}

@media (max-width: 900px) {
  .mlh-city .container {
    width: 100%;
    padding: 0 20px;
  }
  .mlh-city .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mlh-city .wrap-pic {
    width: 100%;
  }
  .mlh-city .wrap-content {
    width: 100%;
    margin-bottom: 25px;
  }
  .mlh-city .content {
    height: auto;
  }
}

@media (max-width: 500px) {
  .mlh-city .au-item {
    width: 100%;
    margin-bottom: 15px;
  }
}

.mlh-advantage {
  width: 100%;
  padding-top: 1.3rem;
  padding-bottom: 1.2rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.mlh-advantage .container {
  width: 16rem;
  margin: 0 auto;
}

.mlh-advantage .title-box {
  width: 100%;
  margin-bottom: .6rem;
}

.mlh-advantage .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .16rem;
}

.mlh-advantage .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.mlh-advantage .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mlh-advantage .title-box .line img {
  width: 100%;
}

.mlh-advantage .list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mlh-advantage .item {
  width: 47.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mlh-advantage .item-pic {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mlh-advantage .item-pic img {
  width: 100%;
}

.mlh-advantage .item-content {
  width: 50%;
  background-color: #ffffff;
  border-top: .05rem solid #0a87c4;
  padding: .4rem .4rem;
}

.mlh-advantage .content-title {
  width: 100%;
  font-family: SourceHanSansSC-Bold;
  font-weight: bold;
  line-height: 1.4;
  color: #333333;
  margin-bottom: .22rem;
}

.mlh-advantage .content-title:after {
  content: '';
  display: block;
  width: .4rem;
  height: .04rem;
  background-color: #0a87c4;
  margin-top: .22rem;
}

.mlh-advantage .content {
  width: 100%;
  height: 2rem;
}

.mlh-advantage .content p {
  font-family: SourceHanSansSC-Medium;
  line-height: 1.875;
  color: #0a87c4;
}

.mlh-advantage .content p span {
  font-family: SourceHanSansSC-Normal;
  color: #666666;
}

.mlh-advantage .content .mCSB_scrollTools {
  opacity: 1;
}

.mlh-advantage .content .mCSB_scrollTools .mCSB_draggerRail {
  width: 3px;
  background-color: #dedede;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

.mlh-advantage .content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 3px;
  background-color: #2e59a1;
  border-radius: 6px;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

.mlh-advantage .content .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mlh-advantage .content .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #2e59a1;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

.mlh-advantage .content .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #2e59a1;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

@media (max-width: 1080px) {
  .mlh-advantage .container {
    width: 100%;
    padding: 0 20px;
  }
  .mlh-advantage .item {
    width: 49%;
  }
  .mlh-advantage .content {
    height: 3rem;
  }
}

@media (max-width: 900px) {
  .mlh-advantage .container {
    max-width: 500px;
  }
  .mlh-advantage .list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mlh-advantage .item {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-bottom: 25px;
  }
  .mlh-advantage .item-pic {
    width: 100%;
  }
  .mlh-advantage .item-content {
    width: 100%;
  }
  .mlh-advantage .content {
    height: auto;
  }
}

.mlh-place {
  width: 100%;
  background-color: #ffffff;
  padding: 1.3rem 0;
}

.mlh-place .container {
  width: 16rem;
  margin: 0 auto;
}

.mlh-place .title-box {
  width: 100%;
  margin-bottom: .6rem;
}

.mlh-place .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .16rem;
}

.mlh-place .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.mlh-place .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mlh-place .title-box .line img {
  width: 100%;
}

.mlh-place .list {
  width: 103%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mlh-place .item {
  width: 31%;
  margin-right: 2%;
  margin-bottom: 2%;
}

.mlh-place .item:hover .item-pic img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.mlh-place .item:hover .item-content {
  background-color: #0a87c4;
}

.mlh-place .item:hover .content-title {
  color: #fff;
}

.mlh-place .item:hover .content-title:after {
  background-color: #fff;
}

.mlh-place .item:hover .content {
  color: #fff;
}

.mlh-place .item-pic {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.mlh-place .item-pic img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.mlh-place .item-content {
  width: 100%;
  border-top: .05rem solid #0a87c4;
  background-color: #edeef0;
  padding-top: .5rem;
  padding-bottom: .15rem;
  padding-left: .4rem;
  padding-right: .4rem;
}

.mlh-place .content-title {
  width: 100%;
  height: 2.5em;
  font-family: SourceHanSansSC-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #000000;
  margin-bottom: .3rem;
}

.mlh-place .content-title:after {
  content: '';
  display: block;
  width: .4rem;
  height: .04rem;
  background-color: #0a87c4;
  margin-top: .26rem;
}

.mlh-place .content {
  width: 100%;
  height: 5.625em;
  font-family: SourceHanSansSC-Normal;
  line-height: 1.875;
  color: #666666;
}

@media (max-width: 900px) {
  .mlh-place .container {
    width: 100%;
    padding: 0 20px;
  }
}

@media (max-width: 600px) {
  .mlh-place .item {
    width: 100%;
    margin-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .mlh-place .content-title {
    -webkit-line-clamp: 1000000000;
  }
  .mlh-place .content {
    -webkit-line-clamp: 1000000000;
  }
}

.main-institute-biology {
  width: 100%;
}

.mib-about-us {
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.mib-about-us .about-us-container {
  width: 100%;
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}

.mib-about-us .container {
  width: 16rem;
  margin: 0 auto;
}

.mib-about-us .title-box {
  width: 100%;
  margin-bottom: .6rem;
}

.mib-about-us .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .16rem;
}

.mib-about-us .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.mib-about-us .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mib-about-us .title-box .line img {
  width: 100%;
}

.mib-about-us .wrap {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: .7rem .6rem;
  margin-bottom: .6rem;
}

.mib-about-us .au-content {
  width: 5.3rem;
}

.mib-about-us .content-title {
  width: 100%;
  font-family: SourceHanSansSC-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #ffffff;
  margin-bottom: .4rem;
}

.mib-about-us .content-title:after {
  content: '';
  display: block;
  width: .4rem;
  height: .04rem;
  background-color: #ffffff;
  margin-top: .36rem;
}

.mib-about-us .content {
  width: 100%;
}

.mib-about-us .content p {
  font-family: SourceHanSansSC-Normal;
  line-height: 1.875;
  color: #ffffff;
}

.mib-about-us .au-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mib-about-us .au-item {
  width: 16.666%;
  padding-left: .4rem;
  padding-right: .4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}

.mib-about-us .au-item:after {
  content: '';
  display: inline-block;
  width: .02rem;
  height: .4rem;
  background-color: #d2d2d2;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.mib-about-us .au-item:first-child {
  padding: 0;
}

.mib-about-us .au-item:last-child:after {
  display: none;
}

.mib-about-us .au-item-title {
  width: 100%;
  font-family: SourceHanSansSC-Normal;
  line-height: 1.5;
  color: #0a87c4;
}

.mib-about-us .au-item-num {
  width: 100%;
  font-family: Akrobat-SemiBold;
  font-size: 5vh;
  color: #0a87c4;
  margin-bottom: .15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.mib-about-us .au-item-num em {
  font-family: SourceHanSansSC-Normal;
  line-height: 1.25;
  color: #0a87c4;
}

.mib-about-us .au-item-txt {
  width: 100%;
  height: 3.5em;
  font-family: SourceHanSansSC-Normal;
  line-height: 1.75;
  color: #666666;
}

@media (max-width: 900px) {
  .mib-about-us .container {
    width: 100%;
    padding: 0 20px;
  }
}

.mib-certifications {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  padding: 1.3rem 0;
}

.mib-certifications .container {
  width: 16rem;
  margin: 0 auto;
  position: relative;
}

.mib-certifications .title-box {
  width: 100%;
  margin-bottom: .6rem;
}

.mib-certifications .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #fff;
  margin-bottom: .16rem;
}

.mib-certifications .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #fff;
  margin-bottom: .25rem;
}

.mib-certifications .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mib-certifications .title-box .line img {
  width: 100%;
}

.mib-certifications .wrap {
  width: 100%;
}

.mib-certifications .mibc-swiper {
  width: 100%;
  overflow: visible;
}

.mib-certifications .item {
  width: 23.25%;
  margin-right: 2%;
}

.mib-certifications .item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.mib-certifications .item-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.mib-certifications .item-img img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.mib-certifications .item-content {
  width: 100%;
  background-color: #fff;
  padding: .35rem .55rem;
}

.mib-certifications .item-content span {
  width: 100%;
  height: 3.2em;
  line-height: 1.6;
  text-align: center;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
}

.mib-certifications .prev-next {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  top: .35rem;
}

.mib-certifications .mibc-prev {
  position: static;
  margin-top: 0;
  width: .64rem;
  height: .64rem;
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(../images/145.png);
}

.mib-certifications .mibc-prev:hover {
  background-image: url(../images/147.png);
}

.mib-certifications .mibc-next {
  position: static;
  margin-top: 0;
  width: .64rem;
  height: .64rem;
  background-position: center center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(../images/146.png);
  margin-left: .4rem;
}

.mib-certifications .mibc-next:hover {
  background-image: url(../images/148.png);
}

@media (max-width: 900px) {
  .mib-certifications .container {
    width: 100%;
    padding: 0 20px;
  }
  .mib-certifications .mibc-swiper {
    overflow: hidden;
  }
  .mib-certifications .prev-next {
    right: 20px;
  }
  .mib-certifications .item {
    width: 32%;
    margin-right: 2%;
  }
}

@media (max-width: 600px) {
  .mib-certifications .item {
    width: 48%;
    margin-right: 3%;
  }
}

@media (max-width: 400px) {
  .mib-certifications .item {
    width: 100%;
    margin-right: 0;
  }
}

.mib-platform {
  width: 100%;
  padding-top: 1.3rem;
  padding-bottom: .8rem;
}

.mib-platform .container {
  width: 16rem;
  margin: 0 auto;
}

.mib-platform .title-box {
  width: 100%;
  margin-bottom: .6rem;
}

.mib-platform .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .16rem;
}

.mib-platform .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.mib-platform .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mib-platform .title-box .line img {
  width: 100%;
}

.mib-platform .wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mib-platform .s-list {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mib-platform .l-item {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mib-platform .s-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mib-platform .s-item-img {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mib-platform .s-item-img img {
  width: 100%;
}

.mib-platform .s-item-content {
  width: 50%;
  border-top: .05rem solid #0a87c4;
  background-color: #edeef0;
  padding: .5rem .4rem;
}

.mib-platform .s-content-title {
  width: 100%;
  font-family: SourceHanSansSC-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #000000;
  margin-bottom: .3rem;
}

.mib-platform .s-content-title:after {
  content: '';
  display: block;
  width: .4rem;
  height: .04rem;
  background-color: #0a87c4;
  margin-top: .25rem;
}

.mib-platform .s-num {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  line-height: 1.25;
  color: #0a87c4;
}

.mib-platform .l-item-img {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mib-platform .l-item-img img {
  width: 100%;
}

.mib-platform .l-item-content {
  width: 50%;
  border-top: .05rem solid #0a87c4;
  background-color: #edeef0;
  padding: .5rem .4rem;
}

.mib-platform .l-content-title {
  width: 100%;
  font-family: SourceHanSansSC-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #000000;
  margin-bottom: .3rem;
}

.mib-platform .l-content-title:after {
  content: '';
  display: block;
  width: .4rem;
  height: .04rem;
  background-color: #0a87c4;
  margin-top: .25rem;
}

.mib-platform .l-num {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  line-height: 1.25;
  color: #0a87c4;
  margin-bottom: .45rem;
}

.mib-platform .l-content {
  width: 100%;
}

.mib-platform .l-content p {
  font-family: SourceHanSansSC-Normal;
  line-height: 1.875;
  color: #666666;
}

@media (max-width: 1080px) {
  .mib-platform .container {
    width: 100%;
    padding: 0 20px;
  }
}

@media (max-width: 900px) {
  .mib-platform .container {
    max-width: 600px;
  }
  .mib-platform .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mib-platform .s-list {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .mib-platform .s-item {
    width: 49%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 2%;
  }
  .mib-platform .s-item-img {
    width: 100%;
  }
  .mib-platform .s-item-content {
    width: 100%;
  }
  .mib-platform .l-item {
    width: 100%;
  }
  .mib-platform .l-item-img {
    width: 50%;
  }
  .mib-platform .l-item-content {
    width: 50%;
  }
  .mib-platform .l-content {
    -webkit-line-clamp: 10000000000000;
  }
}

@media (max-width: 500px) {
  .mib-platform .s-list {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mib-platform .s-item {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 2%;
  }
  .mib-platform .s-item-img {
    width: 100%;
  }
  .mib-platform .s-item-content {
    width: 100%;
  }
  .mib-platform .l-item {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mib-platform .l-item-img {
    width: 100%;
  }
  .mib-platform .l-item-content {
    width: 100%;
  }
  .mib-platform .l-content {
    -webkit-line-clamp: 10000000000000;
  }
}

.mib-laboratory {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: .8rem 0;
  overflow: hidden;
}

.mib-laboratory .container {
  width: 16rem;
  margin: 0 auto;
  position: relative;
}

.mib-laboratory .title-box {
  width: 100%;
  margin-bottom: .6rem;
}

.mib-laboratory .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .16rem;
}

.mib-laboratory .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.mib-laboratory .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mib-laboratory .title-box .line img {
  width: 100%;
}

.mib-laboratory .mztt-nav {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  top: 0.5em;
}

.mib-laboratory .nav-item {
  width: auto;
  font-family: SourceHanSansCN-Normal;
  color: #333333;
  cursor: pointer;
}

.mib-laboratory .nav-item:after {
  content: '/';
  display: inline-block;
  height: 1em;
  font-family: ArialMT;
  color: #999999;
  margin: 0 .3rem;
}

.mib-laboratory .nav-item:last-child:after {
  display: none;
}

.mib-laboratory .nav-item.active {
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  color: #0a87c4;
}

.mib-laboratory .wrap {
  width: 100%;
}

.mib-laboratory .mibl-swiper {
  width: 100%;
  overflow: visible;
  display: none;
}
.mib-laboratory .mibl-swiper:first-of-type {
  display: block;
}

.mib-laboratory .item {
  background-color: #fff;
  /* width: 75%; */
  /* margin-right: 2.75%; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}


.mib-laboratory .item:hover .item-pic img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.mib-laboratory .item-pic {
  width: 62.5%;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.mib-laboratory .item-pic img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.mib-laboratory .item-content {
  /* width: calc(100% - 62.5%); */
  flex: 1;
  background-color: #ffffff;
  border-bottom: .05rem solid #0a87c4;
  padding: .55rem .4rem;
}

.mib-laboratory .content-title {
  width: 100%;
  font-family: SourceHanSansSC-Bold;
  font-weight: bold;
  line-height: 1.3;
  color: #000000;
  margin-bottom: .35rem;
}

.mib-laboratory .content-title:after {
  content: '';
  display: block;
  width: .4rem;
  height: .04rem;
  background-color: #0a87c4;
  margin-top: .25rem;
}

.mib-laboratory .content {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.mib-laboratory .content p {
  font-family: SourceHanSansSC-Normal;
  line-height: 1.875;
  color: #666666;
}

@media (max-width: 1000px) {
  .mib-laboratory .container {
    width: 100%;
    padding: 0 20px;
  }
  .mib-laboratory .mztt-nav {
    right: 20px;
  }
  .mib-laboratory .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mib-laboratory .item-pic {
    width: 100%;
  }
  .mib-laboratory .item-content {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .mib-laboratory .mztt-nav {
    position: static;
    margin-bottom: 25px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mib-laboratory .nav-item {
    margin-bottom: 15px;
  }
}

@media (max-width: 400px) {
  .mib-laboratory .mibl-swiper {
    overflow: hidden;
  }
  .mib-laboratory .item {
    width: 100%;
    margin-right: 0;
  }
}

.mib-advantage {
  width: 100%;
  background-color: #fff;
  padding: 1.3rem 0;
}

.mib-advantage .container {
  width: 16rem;
  margin: 0 auto;
}

.mib-advantage .title-box {
  width: 100%;
  margin-bottom: 1.25rem;
}

.mib-advantage .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .16rem;
}

.mib-advantage .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.mib-advantage .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mib-advantage .title-box .line img {
  width: 100%;
}

.mib-advantage .list {
  width: 103%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mib-advantage .item {
  width: 30%;
  margin-right: 3%;
  padding: 0 .4rem;
  padding-top: 1.2rem;
  padding-bottom: .5rem;
  border-bottom: .05rem solid #0a87c4;
  background-color: #edeef0;
  position: relative;
}

.mib-advantage .item-pic {
  width: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 50%;
  top: -.7rem;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border-radius: 50%;
  z-index: 1;
  padding: .1rem;
  background-color: #fff;
}

.mib-advantage .item-pic img {
  width: 100%;
}

.mib-advantage .item-name {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansSC-Bold;
  font-weight: bold;
  line-height: 1.3;
  color: #000000;
  margin-bottom: .4rem;
}

.mib-advantage .item-name:after {
  content: '';
  display: block;
  width: .4rem;
  height: .04rem;
  background-color: #0a87c4;
  margin: 0 auto;
  margin-top: .26rem;
}

.mib-advantage .content {
  width: 100%;
  height: 11.25em;
  font-family: SourceHanSansSC-Normal;
  line-height: 1.875;
  color: #666666;
}

@media (max-width: 900px) {
  .mib-advantage .container {
    width: 100%;
    padding: 0 20px;
  }
}

@media (max-width: 600px) {
  .mib-advantage .list {
    width: 102%;
  }
  .mib-advantage .item {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 50px;
  }
}

@media (max-width: 400px) {
  .mib-advantage .list {
    width: 100%;
  }
  .mib-advantage .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }
}

.mib-core-team {
  width: 100%;
  padding: 1.3rem 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.mib-core-team .container {
  width: 16rem;
  margin: 0 auto;
  position: relative;
}

.mib-core-team .title-box {
  width: 100%;
  margin-bottom: .6rem;
}

.mib-core-team .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .16rem;
}

.mib-core-team .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.mib-core-team .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mib-core-team .title-box .line img {
  width: 100%;
}

.mib-core-team .wrap {
  width: 100%;
}

.mib-core-team .ct-swiper {
  width: 100%;
}

.mib-core-team .item {
  width: 3.67rem;
  margin-right: .44rem;
}

.mib-core-team .item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.mib-core-team .item:hover .item-content {
  background-color: #0a87c4;
}

.mib-core-team .item:hover .content-title {
  color: #fff;
}

.mib-core-team .item:hover .content-title:after {
  background-color: #fff;
}

.mib-core-team .item:hover .content {
  color: #fff;
}

.mib-core-team .item-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.mib-core-team .item-img img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.mib-core-team .item-content {
  width: 100%;
  background-color: #ffffff;
  padding: .5rem .4rem;
}

.mib-core-team .content-title {
  width: 100%;
  font-family: SourceHanSansSC-Bold;
  font-weight: bold;
  line-height: 1.3;
  color: #000000;
  margin-bottom: .3rem;
}

.mib-core-team .content-title:after {
  content: '';
  display: block;
  width: .4rem;
  height: .04rem;
  background-color: #0a87c4;
  margin-top: .25rem;
}

.mib-core-team .content {
  width: 100%;
  font-family: SourceHanSansSC-Normal;
  line-height: 1.875;
  color: #666666;
}

.mib-core-team .prev-next {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  top: .35rem;
}

.mib-core-team .ct-prev {
  width: .64rem;
  height: .64rem;
  position: static;
  margin-top: 0;
  background-image: url(../images/122.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mib-core-team .ct-prev:hover {
  background-image: url(../images/124.png);
}

.mib-core-team .ct-next {
  width: .64rem;
  height: .64rem;
  position: static;
  margin-top: 0;
  background-image: url(../images/123.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left: .4rem;
}

.mib-core-team .ct-next:hover {
  background-image: url(../images/125.png);
}

@media (max-width: 900px) {
  .mib-core-team .container {
    width: 100%;
    padding: 0 20px;
  }
  .mib-core-team .item {
    width: 24%;
    margin-right: 1.5%;
  }
  .mib-core-team .prev-next {
    right: 20px;
  }
}

@media (max-width: 700px) {
  .mib-core-team .item {
    width: 49%;
    margin-right: 1.5%;
  }
}

@media (max-width: 400px) {
  .mib-core-team .item {
    width: 100%;
    margin-right: 0;
  }
}

.mib-business {
  width: 100%;
  padding-top: 1.3rem;
  padding-bottom: 1.4rem;
}

.mib-business .container {
  width: 16rem;
  margin: 0 auto;
  position: relative;
}

.mib-business .title-box {
  width: 100%;
  margin-bottom: .6rem;
}

.mib-business .title-box .en-title {
  width: 100%;
  font-family: Arial-BoldMT;
  font-weight: bold;
  color: #333333;
  margin-bottom: .16rem;
}

.mib-business .title-box .cn-title {
  width: 100%;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  line-height: 1.25;
  color: #333333;
  margin-bottom: .25rem;
}

.mib-business .title-box .line {
  width: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mib-business .title-box .line img {
  width: 100%;
}

.mib-business .wrap {
  width: 100%;
}

.mib-business .mibb-swiper {
  width: 100%;
}

.mib-business .item {
  width: 5.04rem;
  margin-right: .44rem;
}

.mib-business .item:hover .item-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.mib-business .item:hover .item-content {
  background-color: #0a87c4;
}

.mib-business .item:hover .content-title {
  color: #fff;
}

.mib-business .item:hover .content-title:after {
  background-color: #fff;
}

.mib-business .item:hover .content {
  color: #fff;
}

.mib-business .item-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.mib-business .item-img img {
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.mib-business .item-content {
  width: 100%;
  background-color: #edeef0;
  padding: .5rem .4rem;
}

.mib-business .content-title {
  width: 100%;
  font-family: SourceHanSansSC-Bold;
  font-weight: bold;
  line-height: 1.3;
  color: #000000;
  margin-bottom: .3rem;
}

.mib-business .content-title:after {
  content: '';
  display: block;
  width: .4rem;
  height: .04rem;
  background-color: #0a87c4;
  margin-top: .25rem;
}

.mib-business .content {
  width: 100%;
  font-family: SourceHanSansSC-Normal;
  line-height: 1.875;
  color: #666666;
}

.mib-business .prev-next {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  top: .35rem;
}

.mib-business .mibb-prev {
  width: .64rem;
  height: .64rem;
  position: static;
  margin-top: 0;
  background-image: url(../images/122.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.mib-business .mibb-prev:hover {
  background-image: url(../images/124.png);
}

.mib-business .mibb-next {
  width: .64rem;
  height: .64rem;
  position: static;
  margin-top: 0;
  background-image: url(../images/123.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left: .4rem;
}

.mib-business .mibb-next:hover {
  background-image: url(../images/125.png);
}

@media (max-width: 900px) {
  .mib-business .container {
    width: 100%;
    padding: 0 20px;
  }
  .mib-business .item {
    width: 32%;
    margin-right: 2%;
  }
  .mib-business .prev-next {
    right: 20px;
  }
}

@media (max-width: 700px) {
  .mib-business .item {
    width: 49%;
    margin-right: 1.5%;
  }
}

@media (max-width: 500px) {
  .mib-business .item {
    width: 100%;
    margin-right: 0;
  }
}
/*# sourceMappingURL=main.css.map */