@charset "utf-8";

/*技术优势*/

.techBox {

  position: relative;

  z-index: 0;

  padding: 1.4rem 0 0;

  margin-bottom: 1.4rem;

  overflow: hidden;

}

@media (max-width: 767px) {

  .techBox {

    padding: 3rem 1rem;

    margin-bottom: 0;

  }

}

.swiper-tech .swiper-slide {

  background-color: #fff;

}

.swiper-tech .item {

  display: flex;

  align-items: flex-start;

  justify-content: space-between;

}

@media (max-width: 767px) {

  .swiper-tech .item {

    display: block;

  }

}

.swiper-tech .txt {

  margin-top: 3%;

  width: 30.2%;

  margin-left: 13.54%;

  text-align: left;

  margin-bottom: 8em;

}

@media (max-width: 1580px) {

  .swiper-tech .txt {

    margin-left: 8%;

  }

}

@media (max-width: 767px) {

  .swiper-tech .txt {

    width: auto;

    margin-left: auto;

    margin-bottom: 1rem;

  }

}

.swiper-tech .txt .title {

  color: #999;

}

.swiper-tech .txt .title2 {

  line-height: 1.2;

  margin-top: 0.62rem;

}

.swiper-tech .txt .intro {

  margin-top: 0.36rem;

  color: #666;

  line-height: 1.8;

/*  max-height: 9em;*/

  overflow: hidden;

}

@media (max-width: 767px) {

  .swiper-tech .txt .intro {

    max-height: initial;

  }

}

.swiper-tech .pic {

  position: relative;

  z-index: 0;

  width: 50%;

  padding-top: 41.6%;

}

@media (max-width: 767px) {

  .swiper-tech .pic {

    width: auto;

  }

}

.swiper-tech .pic img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: block;

  object-fit: cover;

}

.swiper-tech .swiper-button {

  position: absolute;

  z-index: 10;

  bottom: 2.7em;

  right: 0;

  width: 50%;

  text-align: center;

}

.swiper-tech .swiper-button-next.swiper-button-disabled,

.swiper-tech .swiper-button-prev.swiper-button-disabled {

  opacity: 1;

  cursor: auto;

  pointer-events: none;

  background-color: #fff;

}

.swiper-tech .swiper-button-next.swiper-button-disabled {

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

}

.swiper-tech .swiper-button-prev.swiper-button-disabled {

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

}

.swiper-tech .swiper-button-next,

.swiper-tech .swiper-button-prev {

  position: static;

  margin: 0 0.6em;

  display: inline-block;

  width: 3em;

  height: 3em;

  line-height: 2.2em;

  cursor: pointer;

  color: #fff;

  font-weight: 100;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  background-color: #0088c7;

  background-size: 0.5em auto;

  background-position: center;

  background-repeat: no-repeat;

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

}

.swiper-tech .swiper-button-next i,

.swiper-tech .swiper-button-prev i {

  font-size: 1.3em;

}

.swiper-tech .swiper-button-prev {

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

}

.swiper-tech .swiper-button-next {

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

}

.swiper-tech-title {

  position: absolute;

  z-index: 2;

  bottom: 0;

  left: 13.55%;

  height: 9em;

  width: 45%;

}

@media (max-width: 767px) {

  .swiper-tech-title {

    margin-top: 1.5rem;

    position: static;

    width: auto;

  }

}

@media (max-width: 1580px) {

  .swiper-tech-title {

    left: 8%;

  }

}

.swiper-tech-title .swiper-slide {

  border-left: 1px solid #e6e6e6;

  line-height: 1.2;

  height: 3em;

}

.swiper-tech-title .swiper-slide .name {

  padding-left: 1.4em;

  margin: 0.3em 0 0.3em 1px;

  height: 2.4em;

  cursor: pointer;

  overflow: hidden;

}

.swiper-tech-title .swiper-slide-active {

  color: #0088c7;

  border-left: 2px solid #0088c7;

}

.swiper-tech-title .swiper-slide-active .name {

  padding-left: 1.4em;

  margin-left: 0;

  cursor: pointer;

}

/*技术流程*/

.tbBox {

  padding: 1.4rem 0 1.4rem;

  display: flex;

  align-items: center;

  justify-content: space-between;

  background: #e8f0f3 url(../images/tb_bg.jpg) center center no-repeat;

  background-size: cover;

  overflow: hidden;

}

@media (max-width: 767px) {

  .tbBox {

    padding: 3rem 1rem ;

    display: block;

  }

}

.tbBox .txt {

  width: 22.4%;

  margin-left: 13.54%;

  text-align: left;

}

@media (max-width: 1580px) {

  .tbBox .txt {

    margin-left: 8%;

    width: 27.94%;

  }

}

@media (max-width: 767px) {

  .tbBox .txt {

    width: auto;

    margin-left: auto;

  }

}

.tbBox .txt .intro {

  margin-top: 7%;

  word-wrap: normal;

}

.tbBox .pic {

  width: 56.25%;

}

@media (max-width: 767px) {

  .tbBox .pic {

    width: auto;

    margin-top: 1rem;

  }

}

.tbBox .pic img {

  display: block;

  width: 100%;

  height: auto;

  margin: 0 auto 0 0;

}

/*应用范围*/

.applBox {

  padding: 1.2rem 0;

}

@media (max-width: 767px) {

  .applBox {

    padding: 3rem 0 ;

  }

}

.applBox .title {

  text-align: center;

}

.applBox .container {

  position: relative;

  z-index: 0;

}

.applBox .swiper-button-next.swiper-button-disabled,

.applBox .swiper-button-prev.swiper-button-disabled {

  opacity: 1;

  cursor: auto;

  pointer-events: none;

  background-color: #fff;

}

.applBox .swiper-button-next.swiper-button-disabled {

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

}

.applBox .swiper-button-prev.swiper-button-disabled {

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

}

.applBox .swiper-button-next,

.applBox .swiper-button-prev {

  position: absolute;

  left: -4em;

  top: 50%;

  z-index: 30;

  margin: 0 0 0;

  display: block;

  width: 3em;

  height: 3em;

  line-height: 2.2em;

  cursor: pointer;

  color: #fff;

  font-weight: 100;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  background-color: #0088c7;

  background-size: 0.5em auto;

  background-position: center;

  background-repeat: no-repeat;

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

}

.applBox .swiper-button-next i,

.applBox .swiper-button-prev i {

  font-size: 1.3em;

}

.applBox .swiper-button-prev {

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

}

.applBox .swiper-button-next {

  left: auto;

  right: -4em;

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

}

.applBox .swiper-container {

  margin-top: 0.56rem;

  width: 100%;

}

.applBox .swiper-container .swiper-slide {

  text-align: center;

  width: 68.3%;

}

.applBox .swiper-container .swiper-slide .pic {

  position: relative;

  z-index: 0;

  width: 100%;

  padding-top: 54.4%;

  background-color: #fff;

}

.applBox .swiper-container .swiper-slide img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0.6;

  object-fit: cover;

  overflow: hidden;

  transition: all 1s;

}

.applBox .swiper-container .swiper-slide img:hover {

  -ms-transform: scale(1.05, 1.05);

  -webkit-transform: scale(1.05, 1.05);

  transform: scale(1.05, 1.05);

}

.applBox .swiper-container .swiper-slide .name {

  margin-top: 0.46rem;

  opacity: 0;

  line-height: 1.2;

  height: 1.2em;

  overflow: hidden;

}

@media (max-width: 767px) {

  .applBox .swiper-container .swiper-slide .name {

    height: auto;

  }

}

.applBox .swiper-container .swiper-slide .intro {

  margin: 0.6em auto 0;

  max-width: 26em ;

  opacity: 0;

  color: #666;

  line-height: 1.5;

  height: 3em;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.applBox .swiper-container .swiper-slide-active .pic {

  -moz-box-shadow: 0 0.5em 2.4em rgba(0, 0, 0, 0.2);

  -webkit-box-shadow: 0 0.5em 2.4em rgba(0, 0, 0, 0.2);

  box-shadow: 0 0.5em 2.4em rgba(0, 0, 0, 0.2);

}

.applBox .swiper-container .swiper-slide-active img {

  opacity: 1;

}

.applBox .swiper-container .swiper-slide-active .name {

  opacity: 1;

}

.applBox .swiper-container .swiper-slide-active .intro {

  opacity: 1;

}

/*样品要求*/

.sampBox {

  padding: 1.4rem 0 1.3rem;

  background: #e0eff6 url(../images/samp_bg.jpg) center center no-repeat;

  background-size: cover;

}

@media (max-width: 767px) {

  .sampBox {

    padding: 3rem 0 ;

  }

}

.sampBox .container {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

@media (max-width: 767px) {

  .sampBox .container {

    display: block;

  }

}

.sampBox .txt {

  width: 29.4%;

  text-align: left;

  margin-bottom: 12%;

}

@media (max-width: 767px) {

  .sampBox .txt {

    width: auto;

    margin-bottom: 1.5rem;

  }

}

.sampBox .txt .intro {

  margin-top: 1.3em;

  line-height: 1.3em;

}

.sampBox .list {

  width: 60.7%;

}

@media (max-width: 767px) {

  .sampBox .list {

    width: auto;

  }

}

.sampBox .list ul {

  display: flex;

  justify-content: flex-start;

  align-items: flex-start;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  flex-wrap: nowrap;

}

.sampBox .list li {

  width: 47%;

  margin-right: 6%;

  background-color: #fff;

  overflow: hidden;

  -moz-box-shadow: 0 0.2em 2em rgba(0, 0, 0, 0.2);

  -webkit-box-shadow: 0 0.2em 2em rgba(0, 0, 0, 0.2);

  box-shadow: 0 0.2em 2em rgba(0, 0, 0, 0.2);

}

.sampBox .list li .pic {

  width: 100%;

  padding-top: 85%;

  position: relative;

  z-index: 0;

}

.sampBox .list li .pic img {

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  transition: all 1s;

  width: 100%;

  height: 100%;

  object-fit: cover;

  overflow: hidden;

}

.sampBox .list li .pic img:hover {

  -ms-transform: scale(1.05, 1.05);

  -webkit-transform: scale(1.05, 1.05);

  transform: scale(1.05, 1.05);

}

.sampBox .list li .name {

  line-height: 1.6;

  overflow: hidden;

  margin: 6% 10.5%;

}

.sampBox .list li:nth-child(2) {

  margin-top: 13.5%;

}

.sampBox .list li:nth-child(3) {

  margin-top: 27%;

}

.sampBox .list li:last-child {

  margin-right: 0;

}

/*可交付成果*/

.resuBox {

  position: relative;

  z-index: 0;

  padding: 1.34rem 0 1.4rem;

}

@media (max-width: 767px) {

  .resuBox {

    padding: 3rem 0 ;

  }

}

.resuBox .title {

  text-align: center;

}

.resuBox .list {

  margin-top: 0.6rem;

  position: relative;

  z-index: 0;

  background: #0088c7;

  color: #fff;

  height: 42em;

}

@media (max-width: 767px) {

  .resuBox .list {

    height: auto;

    margin-top: 1rem;

  }

}

.resuBox .list ul {

  height: 100%;

  display: flex;

  flex-wrap: wrap;

  align-items: stretch;

  justify-content: space-between;

}

@media (max-width: 767px) {

  .resuBox .list ul {

    padding: 2rem 0;

  }

}

.resuBox .list li {

  width: 33.33%;

  padding: 0 2.5em;

  text-align: center;

  display: flex;

  transition: all 0.5s;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  border-left: 1px solid rgba(255, 255, 255, 0.4);

}

@media (max-width: 767px) {

  .resuBox .list li {

    width: 100%;

    padding: 1.5rem 1rem;

  }

}

@media (max-width: 767px) {

  .resuBox .list li:last-child {

    width: 100%;

  }

}

.resuBox .list li .pic {

  transition: all 0.5s;

}

.resuBox .list li .pic img {

  display: block;

  margin: 0 auto;

  width: 4em;

  height: auto;

}

.resuBox .list li:first-child {

  border-left: 1em;

}

.resuBox .list li .name {

  line-height: 1.4;

  margin-top: 1.2em;

  transition: all 0.5s;

}

@media (max-width: 767px) {

  .resuBox .list li .name {

    margin-top: 1rem;

  }

}

.resuBox .list li .intro {

  line-height: 1.5;

  margin-top: 2.1em;

  max-height: 6em;

  overflow: hidden;

  transition: all 0.5s;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  display: block;

  height: 0;

}

@media (max-width: 767px) {

  .resuBox .list li .intro {

    height: auto;

    max-height: initial;

    margin-top: 1rem;

  }

}

.resuBox .list li .btnMoreS {

  margin-top: 4em;

  border: 2px solid #fff;

  width: 2em;

  height: 2em;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

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

  background-size: 1.1em auto;

  display: none;

}

@media (max-width: 767px) {

  .resuBox .list li .btnMoreS {

    margin-top: 1rem;

  }

}

.resuBox .list::before {

  content: "";

  display: block;

  position: absolute;

  z-index: -1;

  opacity: 0.15;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: url(../images/resu_bg.jpg) center center no-repeat;

  background-size: cover;

}

/*服务内容*/

.servBox {

  padding: 1.2rem 0;

}

@media (max-width: 767px) {

  .servBox {

    padding: 3rem 0 ;

  }

}

.servBox .title {

  text-align: left;

}

.servBox .container {

  position: relative;

  z-index: 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

@media (max-width: 767px) {

  .servBox .container {

    display: block;

  }

}

.servBox .servTab {

  width: 54%;

  font-weight: normal;

}

@media (max-width: 767px) {

  .servBox .servTab {

    width: auto;

    margin-top: 1rem;

  }

}

.servBox .swiper-serv-title .swiper-slide {

  cursor: pointer;

  width: 33.3%;

}

.servBox .swiper-serv-title .swiper-slide .name {

  margin: 0 0.3em;

}

.servBox .swiper-serv-title .swiper-slide-active {

  color: #0088c7;

}

.servBox .swiper-serv {

  margin-top: 0.56rem;

  width: 100%;

}

@media (max-width: 767px) {

  .servBox .swiper-serv {

    margin-top: 1.5rem;

  }

}

.servBox .swiper-serv .swiper-slide {

  width: 13.14rem;

  text-align: center;

}

@media (max-width: 767px) {

  .servBox .swiper-serv .swiper-slide {

    width: 17.2rem;

  }

}

.servBox .swiper-serv .swiper-slide .item {

  margin: 0 2.6%;

  position: relative;

  z-index: 0;

}

.servBox .swiper-serv .swiper-slide .pic {

  position: relative;

  z-index: 0;

  width: 100%;

  padding-top: 45.3%;

  overflow: hidden;

  background-color: #fff;

}

@media (max-width: 767px) {

  .servBox .swiper-serv .swiper-slide .pic {

    padding-top: 90.6%;

  }

}

.servBox .swiper-serv .swiper-slide img {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0.3;

  object-fit: cover;

  overflow: hidden;

  transition: all 1s;

}

.servBox .swiper-serv .swiper-slide img:hover {

  -ms-transform: scale(1.05, 1.05);

  -webkit-transform: scale(1.05, 1.05);

  transform: scale(1.05, 1.05);

}

.servBox .swiper-serv .swiper-slide .txtb {

  display: none;

  position: absolute;

  top: 0;

  left: -4px;

  height: 100%;

  align-items: center;

  width: 27em;

}

@media (max-width: 767px) {

  .servBox .swiper-serv .swiper-slide .txtb {

    width: 50%;

  }

}

.servBox .swiper-serv .swiper-slide .txt {

  background-color: #fff;

  text-align: left;

  border-left: 4px solid #0088c7;

  padding: 20.8% 0 21%;

}

.servBox .swiper-serv .swiper-slide .name {

  margin: 0 8% 0 9%;

  font-weight: bold;

  line-height: 1.2;

  height: 1.2em;

  overflow: hidden;

}

.servBox .swiper-serv .swiper-slide .intro {

  margin: 1.2em 8% 0 9%;

  color: #666;

  line-height: 1.5;

  height: 4.5em;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

}

.servBox .swiper-serv .swiper-slide-active img {

  opacity: 1;

}

.servBox .swiper-serv .swiper-slide-active .txtb {

  display: flex;

}

.servBox .swiper-serv .swiper-button {

  margin-top: 0.6rem;

  text-align: center;

}

.servBox .swiper-serv .swiper-button-next.swiper-button-disabled,

.servBox .swiper-serv .swiper-button-prev.swiper-button-disabled {

  opacity: 1;

  cursor: auto;

  pointer-events: none;

  background-color: #e5e5e5;

}

.servBox .swiper-serv .swiper-button-next.swiper-button-disabled {

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

}

.servBox .swiper-serv .swiper-button-prev.swiper-button-disabled {

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

}

.servBox .swiper-serv .swiper-button-next,

.servBox .swiper-serv .swiper-button-prev {

  position: static;

  margin: 0 0.7em;

  display: inline-block;

  width: 2em;

  height: 2em;

  cursor: pointer;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  background-color: #ed6e00;

  background-size: 0.5em auto;

  background-position: center;

  background-repeat: no-repeat;

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

}

.servBox .swiper-serv .swiper-button-prev {

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

}

.servBox .swiper-serv .swiper-button-next {

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

}

/*利用独有精准技术进行测序*/
.accuBox {

  position: relative;

  z-index: 0;

padding: 1rem 0 0rem;

}

@media (max-width: 767px) {

  .accuBox {

    padding: 3rem 0 ;

  }

}

.accuBox .title {

  text-align: center;

}

.accuBox .list {

  margin-top: 0.6rem;

  position: relative;

  z-index: 0;

  background: #0088c7;

  color: #fff;

  height: 42em;

}

@media (max-width: 767px) {

  .accuBox .list {

    height: auto;

    margin-top: 1rem;

  }

}

.accuBox .list ul {

  height: 100%;

  display: flex;

  flex-wrap: wrap;

  align-items: stretch;

  justify-content: space-between;

}

@media (max-width: 767px) {

  .accuBox .list ul {

    padding: 2rem 0;

  }

}

.accuBox .list li {

  width: 25%;

  padding: 0 2.5em;

  text-align: center;

  display: flex;

  transition: all 0.5s;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  border-left: 1px solid rgba(255, 255, 255, 0.4);

}

@media (max-width: 767px) {

  .accuBox .list li {

    width: 100%;

    padding: 1.5rem 1rem;

  }

}

@media (max-width: 767px) {

  .accuBox .list li:last-child {

    width: 100%;

  }

}

.accuBox .list li .pic {

  transition: all 0.5s;

}

.accuBox .list li .pic img {

  display: block;

  margin: 0 auto;

  width: 4em;

  height: auto;

}

.accuBox .list li:first-child {

  border-left: 1em;

}

.accuBox .list li .name {

  line-height: 1.4;

  margin-top: 1.2em;

  transition: all 0.5s;

}

@media (max-width: 767px) {

  .accuBox .list li .name {

    margin-top: 1rem;

  }

}

.accuBox .list li .intro {

  line-height: 1.5;

  margin-top: 2.1em;

  max-height: 6em;

  overflow: hidden;

  transition: all 0.5s;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  display: block;

  height: 0;

}

@media (max-width: 767px) {

  .accuBox .list li .intro {

    height: auto;

    max-height: initial;

    margin-top: 1rem;

  }

}

.accuBox .list li .btnMoreS {

  margin-top: 4em;

  border: 2px solid #fff;

  width: 2em;

  height: 2em;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

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

  background-size: 1.1em auto;

  display: none;

}

@media (max-width: 767px) {

  .accuBox .list li .btnMoreS {

    margin-top: 1rem;

  }

}

.accuBox .list::before {

  content: "";

  display: block;

  position: absolute;

  z-index: -1;

  opacity: 0.15;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: url(../images/accu_bg.jpg) center center no-repeat;

  background-size: cover;

}


/*
.accuBox {

  padding: 1.38rem 0;

  text-align: center;

  background: #008bd1 url(../images/accu_bg.jpg) center center no-repeat;

  background-size: cover;

  color: #fff;

}

@media (max-width: 767px) {

  .accuBox {

    padding: 3rem 0;

  }

}

.accuBox .list ul {

  overflow: hidden;

  margin-top: 1.1rem;

  display: flex;

  justify-content: space-between;

}

@media (max-width: 767px) {

  .accuBox .list ul {

    flex-wrap: wrap;

    margin-top: 0;

  }

}

.accuBox .list li {

  width: 19.3%;

}

@media (max-width: 767px) {

  .accuBox .list li {

    width: 8.1rem;

    margin-top: 1.5rem;

    justify-content: space-around;

  }

}

.accuBox .list li .picb {

  position: relative;

  z-index: 0;

  width: 83%;

  margin: 0 auto;

  padding-top: 83%;

  overflow: hidden;

  display: block;

  cursor: pointer;

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

  background-size: contain ;

}

.accuBox .list li .pic {

  position: absolute;

  z-index: 0;

  left: 18.5%;

  top: 18.5%;

  width: 63%;

  height: 63%;

  background-color: #fff;

  overflow: hidden;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.accuBox .list li img {

  width: 100%;

  height: 100%;

  display: block overflow: hidden;

  object-fit: cover;

  transition: all 1s;

}

.accuBox .list li:hover img {

  -ms-transform: scale(1.05, 1.05);

  -webkit-transform: scale(1.05, 1.05);

  transform: scale(1.05, 1.05);

}

.accuBox .list li .intro {

  margin-top: 0.3rem;

  line-height: 1.5;

  opacity: 0.7;

  height: 3em;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

.accuBox .list li .name {

  margin-top: 0.7rem;

  line-height: 1.3;

  height: 2.6em;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}

@media (max-width: 767px) {

  .accuBox .list li .name {

    height: auto;

    -webkit-line-clamp: initial;

  }

}

@media (max-width: 767px) {

  .accuBox .list li:nth-child(4) .name br {

    display: none;

  }

}*/

/*将核心技术运用于服务*/

.coreBox {

  padding: 1.3rem 0 1.4rem;

}

@media (max-width: 767px) {

  .coreBox {

    padding: 0rem 0 3rem;

  }

}

.coreBox .list ul {

  overflow: hidden;

  margin-top: 1.2%;

  display: flex;

  justify-content: flex-start;

  flex-wrap: wrap;

}

@media (max-width: 767px) {

  .coreBox .list ul {

    display: block;

  }

}

.coreBox .list li {

  width: 32.5%;

  margin-right: 1.25%;

  margin-top: 1.25%;

}

@media (max-width: 767px) {

  .coreBox .list li {

    width: auto;

    margin-right: 0;

    margin-top: 1rem;

  }

}

/*.coreBox .list li:first-child {

  margin-right: 0;

  width: 100%;

}*/

.coreBox .list li:nth-child(3) {

  margin-right: 0;

}

.coreBox .list li .pic {

  position: relative;

  z-index: 0;

  padding-top: 65.8%;

  overflow: hidden;

  display: block;

  cursor: pointer;

}

/*.coreBox .list li:first-child .pic {

  padding-top: 30%;

}*/

@media (max-width: 767px) {

  .coreBox .list li:first-child .pic {

    padding-top: 65.8%;

  }

}

.coreBox .list li img {

  position: absolute;

  z-index: 0;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

  object-fit: cover;

  transition: all 1s;

}

.coreBox .list li:hover img {

  -ms-transform: scale(1.05, 1.05);

  -webkit-transform: scale(1.05, 1.05);

  transform: scale(1.05, 1.05);

}

.coreBox .list li .txt {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  color: #fff;

  line-height: 1.2;

  padding: 6.8%;

}

.coreBox .list li:first-child .txt {

  padding: 2.6%;

}

.coreBox .list li .name {

  margin-top: 0.3em;

}

.coreBox .list li:first-child .name {

  margin-top: 0.2em;

}







.introBox{

    background: #f9f9f9;

}



.introBox .intro{

   padding:1.4rem 0.1rem;

   line-height: .36rem;

}

.introBox .intro h2{margin-top: 0.5rem;}



.introBox .intro p{margin-top:.25rem; color: #666;}



@media (max-width: 767px) {

  .introBox .intro{

   padding:1rem .5rem;

   line-height: 1.6rem;

}  

    

.introBox .intro p{

    margin-top:1rem;

    color: #666;

    

}

}







/*图片文字列表介绍*/

.sciBox .list {

  padding: 0.65rem 0 0rem;

}

@media (max-width: 767px) {

  .sciBox .list {

    padding: 3rem 1rem;

  }

}

.sciBox .list li {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

  overflow: hidden;

}

.sciBox .list li:nth-child(even) {

  flex-direction: row-reverse;

}

@media (max-width: 767px) {

  .sciBox .list li {

    display: block;

    margin-top: 3rem;

  }

}

@media (max-width: 767px) {

  .sciBox .list li:first-child {

    margin-top: 0;

  }

}

.sciBox .titleb {

  color: #0088c7;

  line-height: 1.2;

}

.sciBox .title {

  line-height: 1.2;

}

.sciBox .title::after {

  content: "";

  width: 1em;

  display: block;

  margin: 7% auto 0 0;

  height: 3px;

  background-color: #0088c7;

}

.sciBox .txt {

  width: 29%;

  margin-top: 1.4rem;

  margin-left: 13.54%;

  text-align: left;

}

@media (max-width: 1580px) {

  .sciBox .txt {

    margin-left: 8%;

  }

}

@media (max-width: 767px) {

  .sciBox .txt {

    width: auto;

    margin-left: auto;

  }

}

.sciBox .txt .intro {

  margin-top: 7%;

  color: #666;

  line-height: 1.7;

}

.sciBox .list li:nth-child(even) .txt {

  margin-left: auto;

  margin-right: 13.54%;

}

@media (max-width: 767px) {

  .sciBox .list li:nth-child(even) .txt {

    margin-right: auto;

  }

}

@media (max-width: 1580px) {

  .sciBox .list li:nth-child(even) .txt {

    margin-right: 8%;

  }

}

.sciBox .pic {

  width: 48%;

  overflow: hidden;

}

@media (max-width: 767px) {

  .sciBox .pic {

    width: auto;

  }

}

.sciBox .pic img {

  display: block;

  width: 100%;

  height: auto;

  margin: 0 auto 0 0;

  transition: all 1s;

}

.sciBox .pic:hover img {

  -ms-transform: scale(1.05, 1.05);

  -webkit-transform: scale(1.05, 1.05);

  transform: scale(1.05, 1.05);

}

/*交付标准*/

.deliBox {

  padding: 1.4rem 0 1.3rem;

}

@media (max-width: 767px) {

  .deliBox {

    padding: 3rem 0 ;

  }

}

.deliBox .container {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

@media (max-width: 767px) {

  .deliBox .container {

    display: block;

  }

}

.deliBox .txt {

  width: 29.4%;

  text-align: left;

  margin-bottom: 7.8%;

}

@media (max-width: 767px) {

  .deliBox .txt {

    width: auto;

    margin-bottom: 1rem;

  }

}

.deliBox .txt .list {

  margin-top: 0.4rem;

  line-height: 1.9em;

}

.deliBox .txt .list dl {

  margin-top: 0.2rem;

}

.deliBox .txt .list dt {

  color: #0088c7;

}

.deliBox .txt .list dd {

  margin-top: 0.3em;

}

.deliBox .txt .list li {

  margin-top: 0.3em;

}

.deliBox .pic {

  width: 55.3%;

}

@media (max-width: 767px) {

  .deliBox .pic {

    width: auto;

  }

}

.deliBox .pic img {

  display: block;

  width: 100%;

  height: auto;

  margin: 0 auto 0 0;

}