/* 高度设置 */
html,
body {
  height: 100%
}

.height-setting {
  width: 100%;
  height: 100vh;
  min-width: 992px
}

.swiper-container {
  height: 100%
}

.swiper-container.whole.swiper-container-vertical {
  min-width: 1200px
}

.swiper-container.whole .whole-pagination {
  right: 60px !important
}

.swiper-container.whole .whole-pagination>.swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  margin: 20px 0 !important;
  background: none;
  box-sizing: unset;
  opacity: .5;
  border: 2px solid rgb(255, 255, 255)
}

.swiper-container.whole .whole-pagination>.swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1
}

@-webkit-keyframes yuanquan {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes yuanquan {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.swiper-slide-active .animate__yuanquan {
  -webkit-animation-name: yuanquan;
  animation-name: yuanquan;
  animation-duration: 4s;
  -webkit-animation-duration: 4s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-iteration-count: 1;
  /*动画只执行一次*/
}


.swiper-container.whole .swiper-slide.stop-swiping.whole.swiper-slide-active .lefttopreduce {
  transform: scale(1);
  transition: all 15s ease-out;
  -webkit-transition: all 15s ease-out;
  -moz-transition: all 15s ease-out;
  -o-transition: all 15s ease-out
}

/* 首页-轮播图 */
.index-banner .swiper-slide-active .index-banner-box {
  /* transform: scale(1.2);
  transition: all 4s ease-out; */
  -webkit-transition: all 4s ease-out;
  -moz-transition: all 4s ease-out;
  -o-transition: all 4s ease-out;
  z-index: -1
}

.index-banner .index-banner-box {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  z-index: -1
}

.index-banner .index-banner-slogan {
  color: #fff
}

.index-banner .index-banner-slogan .slogan-large {
  font-size: 4.2rem;
  letter-spacing: 1rem;
  margin-bottom: 1rem;
  font-weight: 600
}

.index-banner .index-banner-slogan .slogan-small {
  font-size: 1.5rem;
  font-weight: 100
}

.index-banner .index-banner-slogan .slogan-des {
  font-size: 1.3rem;
  line-height: 40px;
  font-weight: 100
}

.index-banner .index-banner-slogan .slogan-en {
  font-size: 28px
}

.index-banner .index-banner-pagination {
  bottom: 30px !important
}

.index-banner .index-banner-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 0;
  background: rgb(255, 255, 255, .9);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s
}

.index-banner .index-banner-pagination .swiper-pagination-bullet-active {
  background: #0186A0
}

/* 首页-轮播图end */

/* 首页-实验室使命 */
.advantage .advantage-bgc {
  background: url(../images/index/home2-bg1.png) center center no-repeat;
  background-size: cover;
  z-index: -1
}

.advantage .yuanquan {
  margin-top: 100px
}

.advantage .adv-color-white {
  color: #fff
}

.advantage .adv-color-white h5 {
  font-size: 1.7rem
}

.advantage .adv-color-white p {
  font-size: 17px;
  font-weight: 100
}

.advantage .adv-icon1 .adv-icon-text {
  margin-right: 80px
}

.advantage .adv-icon2 .adv-icon-text {
  margin-left: 80px
}

.advantage .adv-icon3 .adv-icon-text {
  margin-right: 80px;
}

.advantage .adv-icon4 .adv-icon-text {
  margin-left: 80px;
}

.advantage .adv-icon1 {
  top: 11%;
  left: -36%;
}

.advantage .adv-icon2 {
  top: 11%;
  right: -36%;
}

.advantage .adv-icon3 {
  bottom: 3%;
  left: -30%
}

.advantage .adv-icon4 {
  bottom: 3%;
  right: -30%
}

.advantage .adv-title {
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-27%)
}

.advantage .adv-title .adv-title-zn {
  font-size: 2.6rem
}

.advantage .adv-title .adv-title-en {
  font-size: 1.125rem
}

.advantage .adv-title span {
  display: block;
  width: 50px;
  height: 5px;
  background: #fff;
  margin: 0 auto;
  margin: 6px auto 10px
}

/* 首页-实验室使命end */

/* 首页-关于我们 */
.about-us .about-us-bgc {
  background: url(../images/index/home-bg1.png) center center no-repeat;
  background-size: cover;
  transition: all 5s ease-out;
  -webkit-transition: all 5s ease-out;
  -moz-transition: all 5s ease-out;
  -o-transition: all 5s ease-out;
  z-index: -1;
  transform: scale(1.1);
  transform-origin: left top;
  min-width: 1200px
}

.home-about-title-box {
  width: 100%;
  margin-top: 50px;
  overflow: hidden;
}

.home-about-title {
  width: 250px;
  margin: 0 auto;
}

.home-about-title img {
  width: 100%;
}

.about-us .about-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  word-break: break-all;
  overflow: hidden
}

.about-us .about-text p {
  font-size: 17px;
  color: #fff;
  line-height: 2
}

.about-us .about-btn a {
  height: 40px;
  line-height: 40px;
  color: #fff;
  border: 1px solid #ffffffa8;
  border-radius: 4px
}

.about-us .about-btn a:hover::after {
  transform: translateX(5px)
}

.about-us .about-btn a:hover {
  background: rgb(255, 255, 255, .2)
}

.about-us .about-btn a::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  box-sizing: border-box;
  border-left-color: #f5f5f5;
  margin-left: 10px;
  transition: all .2s
}


.home-about-img1 {
  margin-bottom: 16px;
}


.home-about-img1 img {
  width: 100%;
}

.home-about-img2 img {
  width: 100%;
}

.home-about-left-box1 {
  display: flex;
  align-items: center;
  padding: 10px 0;
}

.home-about-left-img {
  box-sizing: border-box;
  width: 75px;
  padding-right: 10px;
  border-right: 2px solid #fff;
}

.home-about-left-img img {
  width: 100%;
}

.home-about-left-box1-title {
  padding-left: 10px;
  font-weight: 900;
  font-size: 40px;
  color: #FFFFFF;
  line-height: 47px;
  letter-spacing: 6px;
  text-align: center;
}

.home-about-left-p1 {
  font-weight: 500;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 40px;
  text-align: left;
  padding: 10px 0;
  border-bottom: 1px dashed #ccc;
}

.home-about-left-p2 {
  font-weight: 500;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 40px;
  text-align: left;
  padding: 10px 0;
}

.home-about-left-box2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.home-about-left-box2-itme {
  flex: 0 0 48%;
  display: flex;
  align-items: center;
  margin: 10px 0;
  border-radius: 4px;
  background-color: #fff;
}

.home-about-left-box2-number {
  width: 70px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  background-color: #02A1C0;
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
}

.home-about-left-box2-number img {
  width: 35px;
  height: 35px;
}

.home-about-left-box2-info {
  flex: 1;
  font-weight: 500;
  font-size: 20px;
  color: #02A1C0;
  line-height: 46px;
  text-align: center;
}


/* 首页-关于我们end */

/* 首页-功能板块 */
.home-title-row {
  display: flex;
  justify-content: space-between;
}

.home-six-center {
  flex: 0 0 20%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.home-six-box {
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.home-six-box:hover .home-six-box-img>img {
  transform: scale(1.1);
  filter: blur(10px);
}

.home-six-box-img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.home-six-box-img>img {
  filter: brightness(0.5);
  width: 100%;
  transition: all 1.5s;
  height: 100%;
}

.home-six-box-title-box {
  width: 80%;
  height: 50%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.home-six-box-title-img {
  position: absolute;
  width: 100px;
  height: 100px;
  margin-bottom: 200px;
}

.home-six-box-title-img>img {
  width: 100%;
  height: 100%;
}

.home-six-box-title {
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: #FFF;
}

/* 首页-功能板块 End */

/* 首页-联系我们 */
.partner .partner-bgc {
  background: url(../images/index/home-form.png) center no-repeat;
  background-size: cover;
  z-index: -1;
  transform-origin: left top;
  min-width: 1200px
}

/* 首页-联系我们end */


/* 首页-新闻 */
.news .news-bgc {
  background: url(../images/index/home-news-bg1.png) center center/cover no-repeat;
  z-index: -1;
  min-width: 1200px
}

.news .news-title {
  font-size: 3.1rem;
  color: #fff;
  margin-bottom: 2.5rem
}

.news .new-item-border {
  height: 2px;
  background: #fff;
  transition: all .3s
}

.news .news-item a {
  color: #fff
}

.news .news-item .news-item-date {
  font-size: 16px;
  font-size: 1rem;
  margin: 2rem 0
}

.news .news-item .title-box {
  height: 5.25rem
}

.news .news-item .news-item-title {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #fff;
  transition: all .3s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline
}

.news .news-item .news-item-des {
  font-size: 17px;
  margin-top: 2.1rem;
  line-height: 1.5;
  font-weight: 100
}

.news .news-btn {
  width: 210px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  box-sizing: border-box;
  background: rgb(255, 255, 255, .1);
  font-size: 20px;
  border-radius: 5px;
  border: 1px solid #fff
}

.news .news-btn:hover::after {
  transform: translateX(5px)
}

.news .news-btn::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  box-sizing: border-box;
  border-left-color: #fff;
  margin-left: 10px;
  transition: all .2s
}

.home-news-top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home-news-img {
  flex: 0 0 65%;
  height: 480px;
}

.home-news-word {
  background-color: #fff;
  padding: 25px;
}

.home-news-img img {
  width: 100%;
  height: 100%;
}


.home-news-word .home-news-title {
  font-weight: 600;
  font-size: 24px;
  color: #333333;
  line-height: 1.5;
  text-align: left;
}

.home-news-word p {
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  line-height: 2;
  text-align: left;
  margin-bottom: 10px;
}

.home-news-top-bom {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home-news-top-bom .home-news-time {
  font-size: 14px;
  color: #333;
}

.home-news-top-bom a {
  display: block;
  background-color: #0186A0;
  padding: 10px 20px;
  color: #fafafa;
  border-radius: 40px;
}

.home-news-top-bom a::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  box-sizing: border-box;
  border-left-color: #f5f5f5;
  margin-left: 10px;
  transition: all .2s;
}

.home-news-top-bom a:hover::after {
  transform: translateX(4px);
}

.home-news-tom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.home-news-tom-item {
  width: 100%;
  flex: 0 0 31.4%;
  background-color: #fff;
  padding: 20px;
}

.home-news-tom-item:nth-of-type(2) {
  margin: 20px 0;
}

.home-news-tom-item .home-news-itme-title {
  font-weight: 600;
  font-size: 26px;
  line-height: 2;
  color: #333333;
}

.home-news-tom-item p {
  font-weight: 400;
  width: 100%;
  font-size: 16px;
  color: #333333;
  line-height: 35px;
  text-align: left;
  margin-bottom: 20px;
}

.home-news-item-bom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home-news-item-bom .home-news-titme {
  font-size: 14px;
  color: #333;
}

.home-news-item-bom a {
  color: #333;
}

.home-news-item-bom a::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  box-sizing: border-box;
  border-left-color: #333;
  margin-left: 10px;
  transition: all .2s;
}

.home-news-item-bom a:hover::after {
  transform: translateX(4px);
}


/* 首页-新闻end */


/* 首页-联系我们 */

.index-contactus {
  margin: 5vw auto;
  position: relative;
}

.home-form-title {
  font-size: 14px;
  color: rgba(0, 4, 26, .5);
  letter-spacing: 6px;
  text-align: center;
}

.index-contactus .home-title {
  padding-top: 3rem;
}

form {
  padding: 0 4.1666666667vw;
  margin-top: 1.5625vw;
}

label {
  font-weight: 500;
}

.home-form-top-box-title {
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 28px;
  text-align: left;
  padding: 20px 0 20px 18px;
}


.home-form-center-boxp {
  flex: 0 0 48%;
  padding-bottom: .625rem;
}

.home-form-center-boxp .input-other {
  background-color: #fff;
  background-image: none;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 19px;
  line-height: 40px;
  padding: 0 15px;
  transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
  width: 50%;
  border: none;
  border-bottom: 1px solid #00041a;
  border-radius: 0;
}

.home-form-center-boxp .input-other:focus {
  border: none;
  border-bottom: 1px solid #00041a;
}

.home-form-top-box-input {
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-form-top-box-input text {
  padding: 0 4px;
  color: red;
}

.home-form-top-box-input input {
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
  width: 100%;
  outline: #0186A0;
}

.home-form-center-title {
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 10px;
  font-weight: bolder;
}

.home-form-bottom {
  margin-top: 1.0833333333vw;
}


.home-form-bottom-center {
  display: flex;
}

.home-form-bottom-center text {
  padding: 0 4px;
  color: red;
}

.home-form-bottom-title {
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
  line-height: 28px;
  text-align: left;
  padding: 0px 0 20px 18px;

}

textarea {
  width: 100%;
  height: 350px;
  min-height: 44px;
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  font-size: inherit;
  color: #606266;
  background-color: #fff;
  background-image: none;
  border: 1px solid #dcdfe6;
  transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
  outline: #0186A0;
  border-radius: 4px;
  resize: none;
}

.home-form-button {
  padding-top: 2.4041666667vw;
  text-align: center;
  padding-bottom: 3.125vw;
}

.home-form-button button {
  width: 10%;
  border-radius: 40px;
  border: none;
  height: 50px;
  color: #fff;
  background: #0186A0;
}

.home-form-button button:hover {
  color: #000;
}

.home-form-captcha {
  padding-bottom: 0;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 1.5;
}

/* 首页-联系我们 End */