body,div,dl,dt,dd,ul,li,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,a {
  margin: 0;
  padding: 0;
  font-family: "microsoft yahei";
}
body a {
  text-decoration: none;
  font-style: normal;
  font-weight: normal;
}
body i,body em,body strong {
  font-style: normal;
}
body ol,body ul,body li {
  list-style: none;
}
body h1,body h2,body h3,body h4,body h5,body h6 {
  font-weight: normal;
}
body input,body textarea,body select {
  outline: none;
  border: none;
  -webkit-appearance: none;
}


.inner {
  width: 1100px;
  margin: 0 auto;
}
.title {
  text-align: center;
}
.title h3 {
  font-size: 40px;
  color: #00a0ea;
  font-weight: bold;
}
.title p {
  color: #4cc1f7;
  font-size: 20px;
  line-height: 2;
}
.an {
  transition: all .5s;
}
.an:hover {
  box-shadow: 0 0 10px #666666;
}
.block {
  display: block;
  margin: 0 auto;
}
.p_ul {
  display: flex;
  justify-content: space-around;
}
.header {
  padding: 20px 0;
  box-sizing: border-box;
}
.header .inner ul {
  display: flex;
  justify-content: space-around;
}
.header .inner ul li a {
  color: #666666;
  font-size: 16px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.header .inner ul li a img {
  margin: 0 auto;
  display: block;
}
.header .inner ul li a span {
  align-self: flex-end;
}
.header .inner ul li:nth-of-type(2) span {
  display: block;
  margin-top: 7px;
}
.header .inner ul li:nth-of-type(4) img {
  display: block;
  margin-top: 2.5px;
}
.nav {
  width: 100%;
  background-color: #00a0ea;
}
.nav ul {
  padding: 17px 40px;
  box-sizing: border-box;
}
.nav ul li a {
  color: white;
  font-size: 18px;
}
.nav ul li:hover a {
  color: #ffff00;
}
.nav ul li:last-child {
  position: relative;
}
.nav ul li:last-child span {
  display: block;
  position: absolute;
  text-align: center;
  width: 22px;
  height: 22px;
  top: -10px;
  line-height: 22px;
  right: -25px;
  border-radius: 50%;
  background-color: #ffff00;
  color: #0095da;
  -webkit-animation: gg 1s infinite;
}
@-webkit-keyframes gg {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.banner {
  background-image: url("/360szlhmsyycom/templets/ms_new/special/jyjc/images/banner.jpg");
  background-repeat: no-repeat;
  background-position: center center;
}
.banner .inner {
  position: relative;
  height: 925px;
}
.banner .inner p {
  text-align: center;
  width: 800px;
  position: absolute;
  left: 0;
  bottom: 55px;
  color: #666;
  font-size: 18px;
  line-height: 2;
}
.banner .inner .banner_an {
  position: absolute;
  top: 492px;
  right: 53px;
  display: flex;
  width: 326px;
  height: 50px;
  border-radius: 25px;
  box-shadow: 0 0 0 3px #edcdbb;
}
.banner .inner .banner_an a {
  display: block;
  height: 50px;
  width: 170px;
  text-align: center;
  color: white;
  line-height: 50px;
  font-weight: bold;
  font-size: 20px;
}
.banner .inner .banner_an .a {
  border-radius: 0 25px 25px 0;
  background-color: #00a0ea;
}
.banner .inner .banner_an .b {
  border-radius: 25px 0 0 25px;
  background-color: #fba40c;
}
.banner .inner .banner_an .c {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #edcdbb;
  background-color: white;
  color: #666;
}
.banner .inner .banner_an .c:hover {
  width: 60px;
  height: 60px;
  line-height: 60px;
}
.main_a .inner .box {
  padding: 60px 20px 0 20px;
  box-sizing: border-box;
}
.main_a .inner .box .title {
  margin-bottom: 130px;
}
.main_a .inner .box ul li {
  margin-right: 40px;
  border: 2px solid #00a0ea;
  width: 320px;
}
.main_a .inner .box ul li div {
  border: 4px white solid;
  padding: 167px 25px 32px 25px;
  position: relative;
  box-sizing: border-box;
  background-color: #00a0ea;
  color: white;
  height: 463px;
}
.main_a .inner .box ul li div h4 {
  font-size: 28px;
  text-align: center;
  margin-bottom: 20px;
}
.main_a .inner .box ul li div p {
  font-size: 14px;
  line-height: 1.7;
}
.main_a .inner .box ul li div a {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  box-shadow: 5px 5px 0 #4dbdf0;
  width: 174px;
  line-height: 2.5;
  color: #ff7e00;
  background-color: #ffff00;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 381px;
  margin: 0 auto;
}
.main_a .inner .box ul li div a:hover {
  box-shadow: 0 0 20px red;
}
.main_a .inner .box ul li div h4 {
  font-size: 28px;
  text-align: center;
  margin-bottom: 20px;
}
.main_a .inner .box ul li div p {
  font-size: 14px;
}
.main_a .inner .box ul li div img {
  position: absolute;
  top: -91px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 50%;
}
.main_a .inner .box ul li:last-child {
  margin-right: 0;
}

/* 联合基因检测中心 start */

.wrap_bktj{margin-top: 50px;position: relative;}
.wrap_bktj .title{text-align: center;}
.wrap_bktj .title h2{font-size: 40px;color: #00a0ea;font-weight: bold;}
.wrap_bktj .title h6{font-size: 20px;color: #4cc1f7;}

.wrap_bktj .container{width: 1100px;margin: 0 auto;position: relative;margin-top: 35px !important;}
.wrap_bktj .swiper-slide img{display: block;margin: 0 auto;width: 848px;height: 305px;}
.wrap_bktj .button-next img{width: 80px;height: 80px;display: block;position: absolute;left: 25px;top: 50%;transform: translateY(-50%);z-index: 99;cursor: pointer;}
.wrap_bktj .button-prev img{width: 80px;height: 80px;display: block;position: absolute;right: 25px;top: 50%;transform: translateY(-50%);z-index: 99;cursor: pointer;}
/* 联合基因检测中心 end */

.main_b .inner .box {
  padding: 60px 100px 80px 100px;
  box-sizing: border-box;
  text-align: center;
}
.main_b .inner .box .text {
  display: flex;
  padding: 43px 0 0 43px;
  box-sizing: border-box;
  background: url("/360szlhmsyycom/templets/ms_new/special/jyjc/images/main_b1.png") no-repeat;
  background-position: 0  0;
  margin-top: 41px;
}
.main_b .inner .box .text .left {
  width: 470px;
  border: 1px solid #f3f3f3;
  border-right: none;
  box-shadow: 0 0 0 1px #f3f3f3;
  background-color: white;
  padding: 5px 40px 0 40px;
  box-sizing: border-box;
  text-align: left;
}
.main_b .inner .box .text .left dl {
  margin-top: 14px;
}
.main_b .inner .box .text .left dl dt {
  font-size: 20px;
  font-weight: bold;
  color: #00a0ea;
  line-height: 2;
}
.main_b .inner .box .text .left dl dd {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.main_b .inner .box .text .right {
  flex: 1;
}
.main_b .inner .box .text .right img {
  display: block;
  width: 100%;
}
.main_b .inner .box .main_b_an {
  display: flex;
  height: 50px;
  border-radius: 25px;
  margin: 0 auto;
  margin-top: 60px;
  justify-content: center;
}
.main_b .inner .box .main_b_an a {
  display: inline-block;
  height: 60px;
  text-align: center;
  color: wheat;
  line-height: 60px;
  font-weight: bold;
  font-size: 20px;
}
.main_b .inner .box .main_b_an .a {
  border-radius: 0 30px 30px 0;
  padding: 0 43px 0 32px;
  border: 1px solid #d5d5d5;
  box-sizing: border-box;
  color: #ff7e00;
}
.main_b .inner .box .main_b_an .a img {
  vertical-align: middle;
  margin-right: 12px;
}
.main_b .inner .box .main_b_an .b {
  border-radius: 50px 0 0 50px;
  padding: 0 50px;
  color: white;
  background-color: #00a0ea;
}
.main_b .bottom_bg {
  background: url("/360szlhmsyycom/templets/ms_new/special/jyjc/images/right.jpg") no-repeat center;
  height: 200px;
  display: block;
  margin-top: -200px;
}
.main_c {
  background-color: #00a0ea;
  width: 100%;
}
.main_c .inner .box {
  padding: 90px 70px 100px 70px;
}
.main_c .inner .box .title h3,.main_c .inner .box .title p {
  color: white;
}
.main_c .inner .box .text {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.main_c .inner .box .text .left {
  width: 622px;
}
.main_c .inner .box .text .left .top {
  text-align: center;
  margin-bottom: 45px;
}
.main_c .inner .box .text .left .top img {
  vertical-align: middle;
}
.main_c .inner .box .text .left .top img:nth-last-of-type(1) {
  margin: 0 32px 0 22px;
}
.main_c .inner .box .text .left .top span {
  padding: 18px 20px;
  font-size: 20px;
  font-weight: bold;
  height: 55px;
  color: #00a0ea;
  background-color: #ffff00;
  vertical-align: middle;
  border-radius: 5px;
}
.main_c .inner .box .text .left .bottom {
  padding: 65px 35px 40px 35px;
  box-sizing: border-box;
  border: 1px dashed #fff;
  border-radius: 30px;
  background-color: #00a0ea;
  position: relative;
}
.main_c .inner .box .text .left .bottom ul li {
  color: white;
  font-size: 16px;
  line-height: 2;
}
.main_c .inner .box .text .left .bottom ul li:last-child {
  /* color: #ffff00; */
}
.main_c .inner .box .text .left .bottom div {
  font-size: 20px;
  font-weight: bold;
  color: #ff7e00;
  position: absolute;
  left: 40px;
  top: -22px;
  text-align: center;
  padding: 14px 45px;
  border-radius: 30px;
  background-color: #ffff00;
}
.main_c .inner .box .text .left .bottom div span {
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  margin: 0 auto;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #ffff00;
}
.main_c .inner .box .text .right {
  width: 312px;
  padding: 90px 24px 55px 24px;
  background-color: white;
  box-sizing: border-box;
  border-radius: 27px;
  position: relative;
}
.main_c .inner .box .text .right form span {
  font-size: 16px;
  color: #666;
  line-height: 36px;
}
.main_c .inner .box .text .right form input {
  border: 1px #e1e1e1 solid;
  height: 34px;
  margin-bottom: 20px;
}
.main_c .inner .box .text .right form div {
  margin-top: 30px !important;
  margin:0 auto ;
 /*  float: right; */
  width: 190px;
  text-align: center;
}
.main_c .inner .box .text .right form div .an {
  display: inline-block;
  line-height: 45px;
  height: 45px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  background-color: #00a0ea;
  padding: 0 40px;
  border: none;
  border-radius: 30px;
}
.main_c .inner .box .text .right img {
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  margin: 0 auto;
}
.main_d .inner .box {
  padding: 90px 45px 0 45px;
  box-sizing: border-box;
  margin-top: -200px;
}
.main_d .inner .box .text {
  display: flex;
  align-items: center;
  margin-top: 62px;
}
.main_d .inner .box .text .left {
  width: 474px;
  position: relative;
}
.main_d .inner .box .text .left img {
  width: 100%;
  display: block;
}
.main_d .inner .box .text .left a {
  position: absolute;
  top: 333px;
  left: 212px;
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #ff7e00;
  color: white;
  font-size: 20px;
  font-weight: bold;
  box-shadow: 0 0 0 3px #edcbc5;
  padding: 29px 30px ;
  box-sizing: border-box;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7e00), to(#ff7e00));
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-name: breathe;
  -webkit-animation-duration: 700ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
}
@-webkit-keyframes breathe {
  0% {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
  }
}
.main_d .inner .box .text .right {
  flex: 1;
}
.main_d .inner .box .text .right ul {
  margin-left: 8px;
}
.main_d .inner .box .text .right ul li {
  display: flex;
  line-height: 36px;
  align-items: center;
  margin-bottom: 14px;
}
.main_d .inner .box .text .right ul li span {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #fba40d;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: white;
  background-color: #fba40c;
  margin-right: 14px;
}
.main_d .inner .box .text .right ul li p {
  color: #666;
  font-size: 14px;
  border-bottom: 1px dashed #d8d8d8;
  display: inline-block;
}
.main_d .inner .box .text .right ul li:nth-of-type(1) {
  margin-left: 3px;
}
.main_d .inner .box .text .right ul li:nth-of-type(2) {
  margin-left: 31px;
}
.main_d .inner .box .text .right ul li:nth-of-type(3) {
  margin-left: 47px;
}
.main_d .inner .box .text .right ul li:nth-of-type(4) {
  margin-left: 56px;
}
.main_d .inner .box .text .right ul li:nth-of-type(5) {
  margin-left: 56px;
}
.main_d .inner .box .text .right ul li:nth-of-type(6) {
  margin-left: 53px;
}
.main_d .inner .box .text .right ul li:nth-of-type(7) {
  margin-left: 47px;
}
.main_d .inner .box .text .right ul li:nth-of-type(8) {
  margin-left: 40px;
}
.main_d .inner .box .text .right ul li:nth-of-type(9) {
  margin-left: 22px;
}
.main_d .bottom_bj {
  background: url("/360szlhmsyycom/templets/ms_new/special/jyjc/images/left.jpg") no-repeat center;
  height: 200px;
  display: block;
}
.main_e .inner .box {
  padding: 60px 0;
  box-sizing: border-box;
  background: url("/360szlhmsyycom/templets/ms_new/special/jyjc/images/main_e-b.jpg") no-repeat;
  background-position: 450px 255px;
}
.main_e .inner .box .text {
  margin-top: 110px;
}
.main_e .inner .box .text .top {
  position: relative;
}
.main_e .inner .box .text .top ul {
  display: flex;
}
.main_e .inner .box .text .top li {
  width: 110px;
  height: 260px;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 22px 0;
  margin-right: 6px;
}
.main_e .inner .box .text .top li h4 {
  color: #666;
  font-size: 16px;
}
.main_e .inner .box .text .top li .ac {
  color: #ff7e00;
}
.main_e .inner .box .text .top li:last-child {
  margin-right: 0;
}
.main_e .inner .box .text .top .to {
  color: #ff7e00;
  font-size: 16px;
  position: absolute;
  top: -42px;
  left: 116px;
}
.main_e .inner .box .text .top .to p {
  text-align: center;
  font-size: 18px;
  margin-top: -40px;
}
.main_e .inner .box .text .top .txt {
  color: #666;
  font-size: 14px;
  line-height: 2;
  margin: 30px 0 0 13px;
}
.main_e .inner .box .main_e_b {
  width: 530px;
  display: flex;
  justify-content: center;
  margin-top: 31px;
}
.main_e .inner .box .main_e_b a {
  display: inline-block;
  padding: 0 48px;
  font-size: 18px;
  color: #00a0ea;
  border: 1px solid #00a0ea;
  border-radius: 30px;
  line-height: 2.5;
  font-weight: bold;
}
.main_f {
  width: 100%;
  background: url("/360szlhmsyycom/templets/ms_new/special/jyjc/images/main_f.jpg") no-repeat;
  background-position: center center;
}
.main_f .box {
  padding: 60px 110px;
  box-sizing: border-box;
}
.main_f .box .text .main_f_title {
  font-size: 14px ;
  color: #666666;
  line-height: 2;
  margin: 35px 0;
}
.main_f .box .text ul {
  display: flex;
  justify-content: space-around;
}
.main_f .box .text ul li {
  width: 280px;
  background-color: white;
  border-radius: 7px;
}
.main_f .box .text ul li h3,.main_f .box .text ul li h4 {
  text-align: center;
  font-size: 24px ;
  color: #00a0ea;
  font-weight: bold;
  padding: 30px 0 25px 0;
}
.main_f .box .text ul li p {
  font-size: 14px ;
  color: #666666;
  line-height: 1.5;
  padding: 0 18px;
  height: 112px;
  box-sizing: border-box;
}
.main_f .box .text ul li img {
  display: block;
}
.main_f .box .main_f_b {
  display: block;
  width: 310px;
  border-radius: 26px;
  height: 52px;
  border: 2px solid #ff7e00;
  color: #ff7e00;
  text-align: center;
  line-height: 52px;
  font-weight: bold;
  font-size: 18px;
  margin: 0 auto;
  margin-top: 60px;
}
.main_g .box {
  padding: 60px 118px;
  box-sizing: border-box;
  position: relative;
}
.main_g .box ul {
  margin-top: 40px;
}
.main_g .box li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_g .box li .left {
  width: 400px;
  display: block;
  border: 4px #b0e2f8 solid;
  box-sizing: border-box;
}
.main_g .box li .left img {
  display: block;
  width:392px;
  height:492px;
}
.main_g .box li .right {
  flex: 1;
  padding-left: 42px;
  box-sizing: border-box;
}
.main_g .box li .right .name {
  font-size: 36px;
  color: #ff7e00;
  line-height: 1.5;
  margin-bottom: 20px;
}
.main_g .box li .right span {
  padding: 10px 25px;
  display: inline-block;
  font-size: 20px;
  box-sizing: border-box;
  background-color: #58b0ff;
  color: white;
}
.main_g .box li .right p {
  padding: 15px 0;
  font-size: 16px;
  color: #666666;
  line-height: 1.5;
}
.main_g .box li .right p a{
	color: #ff7e00;
}
.main_g .box li .right .main_g_button {
  display: flex;
}
.main_g .box li .right .main_g_button a {
  display: inline-block;
  padding: 15px 40px;
  font-size: 18px;
  font-weight: bold;
  box-sizing: border-box;
  border-radius: 30px;
}
.main_g .box li .right .main_g_button a:first-child {
  margin-right: 20px;
  color: #f6a026;
  border: 2px solid #f6a026;
}
.main_g .box li .right .main_g_button a:last-child {
  background-color: #f6a026;
  color: white;
}
.main_g .box ._li {
  opacity: 0;
  display: none;
}
.main_g .box .ac {
  opacity: 1;
  display: flex;
  -webkit-animation: bb .3s ;
}
@-webkit-keyframes bb {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.25;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
.main_g .box .plus {
  position: absolute;
  top: 370px;
  left: 0;
  border-radius: 50%;
}
.main_g .box .reduce {
  position: absolute;
  top: 370px;
  right: 0;
  border-radius: 50%;
}
.footer {
  background-color: #f6f6f6;
}
.footer .box {
  padding: 30px 0;
  box-sizing: border-box;
}
.footer .box .title h3 {
  font-size: 24px;
  margin-bottom: 27px;
}
.footer .box ul {
  display: flex;
  justify-content: space-around;
}
.footer .box ul li {
  width: 150px;
  text-align: center;
  line-height: 2;
  color: #666;
  font-size: 18px;
  position: relative;
}
.footer .box ul li .pic {
  position: absolute;
  top: 70px;
  right: -88px;
}
.bottom {
  width: 100%;
  background-color: #0091d4;
}
.bottom .box {
  padding: 40px 20px 65px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bottom .box .left {
  width: 576px;
}
.bottom .box .left ul {
  display: flex;
  justify-content: space-between;
}
.bottom .box .left ul li {
  text-align: center;
  width: 88px;
  border-right: 2px solid white;
}
.bottom .box .left ul li a {
  display: block;
  color: white;
  font-size: 16px;
}
.bottom .box .left ul li:last-child {
  border-right: none;
}
.bottom .box .left p {
  margin-top: 14px;
  font-size: 14px;
  color: #fff;
  line-height: 2;
}
.bottom .box .right {
  flex: 1;
  padding-left: 130px;
  box-sizing: border-box;
}
.bottom .box .right a {
  color: #ffff00;
}
.bottom .box .right p {
  font-size: 16px;
  line-height: 1.5;
}
.bottom .box .right span {
  font-size: 24px ;
  font-weight: bold;
}