*{
  margin: 0px;
}
.pop-up-box {
  z-index: 999999999;
}
.mb-header-production {
  display: none !important;
}
.pc-header-production {
  display: block !important;
}
/* @font-face {
  font-family: 'thin';
  src: url('./100-thin\(1\).ttf');
} */
/* @font-face {
  font-family: 'extralight';
  src: url('./200-extralight\(3\).ttf');
} */
@font-face {
  font-family: 'regular';
  src: url('./font-spider/正常字体.ttf');
}
@font-face {
  font-family: 'medium';
  src: url('./font-spider/中等字体.ttf');
}
@font-face {
  font-family: 'semibold';
  src: url('./font-spider/加粗字体.ttf');
}
.semibold00{
  color: #000000 !important;
  font-family: 'semibold' !important;
}
.semibold33{
  color: #333333 !important;
  font-family: 'semibold' !important;
}
.regular66{
  color: #666666 !important;
  font-family: 'regular' !important;
}
.regular33{
  color: #333333 !important;
  font-family: 'regular' !important;
}
html, body{
  font-family: 'regular';
}
.header{
  height: 72px;
  background: rgba(13,11,27);
  display: flex;
  justify-content: space-between;
}
.lemore-logo{
  flex: 1;
  font-size: 27px;
  color: #ffffff;
  line-height: 72px;
  padding-left: calc(12% - 48px);
}
.router-tab{
  flex: 1;
  display: flex;
  justify-content: flex-start;
  font-family: 'regular';
}
.router-tab .tab-item{
  width: 126px;
  height: 72px;
  text-align: center;
  font-size: 20px;
  line-height: 72px;
  color: #ffffff;
  cursor: pointer;
}
.tab-item a, .tab-item a:hover, .tab-item a:active{
  text-decoration: none;
  color: #ffffff;
  width: 100%;
  display: inline-block;
}
.router-tab .active,.router-tab .tab-item:hover{
  background: rgba(0,120,255,0.5);
  height: 68px;
  border-bottom: solid 4px rgba(0,120,255,1);
  box-shadow: 0 4px 10px 0 rgba(0,120,255,0.50);
}
.lemore-body{
  width: 100%;
  position: relative;
}
.lemore-body .body-banner{
  width: 100%;
}
.banner-slogan{
  font-size: 72px;
  color: #FFFFFF;
  letter-spacing: 4.8px;
  line-height: 72px;
  padding-top: 13%;
  position: absolute;
  right: 14.3%;
  top: 0;
  text-align: right;
}
.banner-subject-slogan{
  font-size: 36px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 36px;
  text-shadow: 0 2px 4px rgba(23,23,23,0.59);
  margin-top: 32px;
}
.production-center{
  padding-top: 100px;
  position: relative;
  width: 1380px;
  margin: 0 auto;
}
.production-advantage .semibold33{
  font-size: 28px;
}
.block-title{
  text-align: center;
  font-size: 32px;
  color: #333333;
  letter-spacing: 2px;
  line-height: 32px;
  font-family: 'semibold';
}
.title-divider{
  text-align: center;
}
.title-divider img{
  width: 294px;
  margin-top: 16px;
  margin-bottom: 24px;
}
.block-slogan{
  font-size: 18px;
  color: #666666;
  letter-spacing: 2.25px;
  line-height: 16px;
  text-align: center;
}
.production-list{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0px;
  margin-top: 60px;
  flex-wrap: wrap;
  color: #666666;
  overflow: hidden;
  position: relative;
}
.production-item{
  width: calc(33% - 22px);
  box-shadow: 2px 8px 20px rgba(0,0,0,0.1);
  /* box-shadow: 1px 5px 14px rgba(0,0,0,0.4); */
  margin-bottom: 58px;
}
.production-item img{
  width: 100%;
}
.pretent-has{
  width: calc(33% - 22px);
}
.production-item .img-box{
  width: 100%;
  overflow: hidden
}
.production-item .img-box img{
  width: 100%;
  transition: all 1.2s
}
/* .production-item .img-box img:hover{
  transform: scale(1.2);
} */
.production-item:hover img{
  /* transform: scale(1.2); */
}
.production-text{
  padding: 32px 24px;
  position: relative;
}
.production-name .down-load-reporte{
  padding: 2px 8px;
  color: #1890ff;
  text-decoration: none;
  border: 1px solid #1890ff;
  font-size: 14px;
  margin-left: 12px;
  display: inline-block;
}
.production-name{
  font-size: 18px;
  color: #333333;
  letter-spacing: 0;
  font-family: 'medium';
  display: flex;
  justify-content: center;
  align-items: center;
}
.production-describtion{
  margin-top: 12px;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  text-align: justify;
  line-height: 21px;
}
.company-introduction{
  margin-top: 80px;
}
.company-information-block{
  width: 1400px;
  margin: 28px auto 0;
  padding: 0 10px;
  display: flex;
  flex-direction: row;
}
.company-information-block>img{
  width: 100%;
}
.information-text{
  width: 38.8%;
  background: rgba(204,215,236,0.2);
  padding: 32px 56px 0px 58px;
}
.company-img{
  width: 61.2%;
  background: url('../img/company.jpg');
  background-size: cover;
  resize: none;
  background-position: bottom;
}
.shanghai-case-img{
  width: 61.2%;
  background: url('../img/shanghai-case.png');
  background-size: contain;
  background-repeat: no-repeat;
  resize: none;
  background-position: bottom;
}
.information-title{
  font-size: 24px;
  color: #000000;
  letter-spacing: 1.5px;
  font-family: 'semibold';
}
.information-word{
  font-size: 14px;
  color: #000000;
  letter-spacing: 0.88px;
  text-align: justify;
  line-height: 24px;
  margin-top: 12px;
  margin-bottom: 32px;
}
.info-row{
  display: flex;
  flex-direction: row;
  margin-bottom: 32px;
  align-items: center;
}
.info-icon{
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.info-text{
  margin-left: 16px;
}
.cn-text{
  font-size: 16px;
  color: #333333;
  letter-spacing: 1px;
  text-align: justify;
  line-height: 16px;
  margin-bottom: 5px;
}
.en-text{
  font-size: 14px;
  color:rgba(0,0,0,0.4);
  letter-spacing: 0;
  text-align: justify;
  line-height: 16px;
}
.consultance-block{
  margin-top: 108px;
}
.consultance-form{
  margin-top: 32px;
  background: url('../img/zixun-bg.png');
  background-size: cover;
  resize: none;
  background-position: center;
  position: relative;
  display: flex;
}
.menu-like{
  display: inline-block;
  background: rgba(1,9,39,0.4);
  margin-left: 12.5%;
  width: 191px;
}
.menu-item-like{
  background: rgba(1,9,39,0.4);
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 1.12px;
  border-left: solid 4px rgba(1,115,248,1);
  height: 64px;
  line-height: 64px;
  margin-top: 80px;
  padding-left: 28px;
}
.form-body{
  height: 100%;
  margin-left: 7%;
  flex: 1;
  padding-top: 80px;
  padding-bottom: 80px;
}
.form-item{
  margin-bottom: 40px;
}
.form-item label{
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 1px;
  text-align: justify;
  line-height: 16px;
  vertical-align: top;
  top: 11px;
  position: relative;
}
.form-item input{
  height: 40px;
  outline: none;
  width: 60%;
  font-size: 16px;
  border: none;
  margin-left: 16px;
  vertical-align: middle;
}
.form-item textarea{
  outline: none;
  width: 60%;
  font-size: 16px;
  border: none;
  margin-left: 16px;
  vertical-align: middle;
  resize: none;
  line-height: 24px;
}
.submit-button{
  display: inline-block;
  padding: 9px 26px;
  color: #ffffff;
  background-image: linear-gradient(270deg, #0173F8 0%, #0E97FF 100%);
  border-radius: 2px;
  border-radius: 2px;
  margin-left: 50px;
  cursor: pointer;
}
.cooperation-block{
  margin-top: 120px;
}
.footer{
  display: flex;
  justify-content: space-between;
  height: 168px;
  background: #282828;
  padding: 0 14%;
  position: relative;
}
.footer-info-block{
  display: inline-block;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  padding-top: 30px;
}
.footer-info-row{
  margin-bottom: 12px;
}
.footer  .footer-info-block-right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  padding-top: 30px;
  align-items: center;
}
.footer img {
  width: 90px;
}
.team-intro-block{
  margin-top: 100px;
}
.lemore-leader-block{
  display: flex;
  flex-direction: row;
  margin: 55px auto 0;
  width: 1380px;
  padding: 0 10px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.leader-intro{
  width: calc(33% - 42px);
  margin-bottom: 58px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* background: rgba(204,215,236,0.2); */
}
.leader-name{
  font-weight: bold;
}
.leader-intro-avatar{
  display: flex;
  flex-direction: row;
}
.leader-intro-content{
  margin-top: 24px;
  text-indent: 32px;
  letter-spacing: 2px;
  line-height: 2;
}
.blue-decoration{
  width: 12px;
  height: 88px;
  background: #047AFA;
  flex-shrink: 0;
  flex-grow: 0;
}
.leaders-face{
  height: 165px;
  width: 131px;
  background: gray;
  flex-shrink: 0;
  flex-grow: 0;
}
.leaders-intro-text{
  margin-left: 27px;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  line-height: 28px;
  flex-grow: 1;
}
.willing-block{
  margin-top: 80px;
}
.willing-step{
  position: relative;
  margin-top: 30px;
  background: rgba(204,215,236,0.2);
  /* justify-content: space-around; */
}
.willing-step-box{
  width: 72%;
  margin: auto;
  padding: 64px 0px 69px 0px;
  margin-top: 30px;
  overflow: hidden;
}
.willing-step-warpper{
  white-space: nowrap;
  display: flex;
  width: calc(25% * 8);
  justify-content: space-between;
}
.swiper-box {
  position: relative;
  width: 1400px;
  margin: 0 auto;
}
.swiper-box .swiper-button-next {
  right: -50px;
}
.swiper-box .swiper-button-prev {
  left: -50px;
}
.willing-item{
  left: 50%;
  transform: translateX(-50%);
  /* width: 12%; */
  width: 400px;
  /* width: calc(25% - 16.5px); */
  position: relative;
  /* display: inline; */
  /* margin-right: 3.5%; */
}
.willing-step .left-btn-img{
  width: 22px;
  position: absolute;
  top: calc((100% - 133px)/2);
  left: calc(14% - 26px);
  height: 42px;
  cursor: pointer;
}
.willing-step .right-btn-img{
  position: absolute;
  top:  calc((100% - 133px)/2);
  right: calc(14% - 26px);;
  width: 22px;
  height: 42px;
  cursor: pointer;
}
.willing-item:last-child{
  /* margin-right: 0px; */
}
.willing-img{
  position: relative;
}
.willing-img img{
  width: 100%;
}
/* .willing-img{
  width: 143px;
  height: 143px;
  border-radius: 100%;
  background: #EAEDF3;
  margin: 0px auto;
} */
.decoration-dashed-line{
  position: absolute;
  width: 100%;
  border: dashed 1px #B9B9B9;
  top: 73px;
  margin-left: 66%;
  z-index: -1;
}
.willing-title{
  font-size: 14px;
  color: #333333;
  letter-spacing: 0.88px;
  text-align: center;
  margin: 16px 0px 24px 0px;
  white-space: pre-wrap;
}
.willing-text{
  font-size: 14px;
  color: #333333;
  letter-spacing: 0.88px;
  line-height: 24px;
  margin-top: 16px;
}
.map-wrapper{
  margin: 0 auto;
  width: 1380px;
  padding: 0 10px;
  background: rgba(204,215,236,0.2);
}
#container{
  height: 504px;
}
.about-block{
  margin-top: 90px;
  margin-bottom: 120px;
}
.map-wrapper{
  padding: 32px 40px;
}
.bold-text{
  font-size: 24px;
  color: #333333;
  letter-spacing: 1.5px;
  font-weight: bolder;
  margin-bottom: 12px;
}
.address-info{
  font-size: 14px;
  color: #333333;
  letter-spacing: 0.88px;
  line-height: 24px;
  margin-bottom: 24px;
}
.production-detail{
  width: 1380px;
  padding: 0 10px;
  margin: 100px auto 56px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.production-detail-text{
  width: 50%;
}
.production-detail-name{
  font-size: 36px;
  color: #333333;
  letter-spacing: 2.25px;
  line-height: 42px;
  margin-bottom: 56px;
  font-family: 'semibold';
}
.production-detail-content{
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  line-height: 30px;
}
.production-detail-image{
  width: 50%;
  text-align: right;
}
.production-detail-image img{
  width: 68%;
}
.production-function{
  margin: 32px auto 0;
  width: 1380px;
  padding: 0 10px;
}
.production-function-square{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-bottom: 34px;
}
.production-function-item:nth-child(2n-1){
  width: calc(25% - 12px);
  margin-bottom: 12px;
  white-space: nowrap;
  background:#EAF0F7;
  padding: 38px 0px;
  font-size: 24px;
  color: #333333;
  letter-spacing: 1.75px;
  text-align: center;
  position: relative;
  border-radius: 6px;
  font-family: 'medium';
}
.production-function-item:nth-child(2n){
  width: calc(25% - 12px);
  margin-bottom: 12px;
  white-space: nowrap;
  background: #E2EBF6;
  padding: 38px 0px;
  font-size: 24px;
  color: #333333;
  letter-spacing: 1.75px;
  text-align: center;
  position: relative;
  border-radius: 6px;
  font-family: 'medium';
}
.production-function-item1:nth-child(2n-1){
  width: calc(25% - 12px);
  margin-bottom: 12px;
  white-space: nowrap;
  background: #E2EBF6;
  padding: 38px 0px;
  font-size: 24px;
  color: #333333;
  letter-spacing: 1.75px;
  text-align: center;
  position: relative;
  border-radius: 6px;
  font-family: 'medium';
}
.production-function-item1:nth-child(2n){
  width: calc(25% - 12px);
  margin-bottom: 12px;
  white-space: nowrap;
  background: #EAF0F7;
  padding: 38px 0px;
  font-size: 24px;
  color: #333333;
  letter-spacing: 1.75px;
  text-align: center;
  position: relative;
  border-radius: 6px;
  font-family: 'medium';
}
.production-function-item:hover{
  background: #EAF0F7;
}
.production-function-introduce{
  display: flex;
  justify-content: space-between;
  /* margin-bottom: 200px; */
}
.introduce-item-icon{
  width: 88px;
  position: relative;
  margin-right: 56px;
  flex-shrink: 0;
}
.introduce-item-icon img{
  width: 100%;
}
.introduce-item-text{
  flex: 1;
}
.introduce-item-text p{
  color: #333333;
  font-family: 'semibold';
}
.introduce-item-text div{
  color: #666666;
  font-family: 'regular';
}
.introduce-item{
  width: 40%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 89px;
}
.introduce-item-text p:first-child{
  font-size: 24px;
  color: #333333;
  letter-spacing: 1.5px;
  line-height: 32px;
}
.introduce-item-text p:nth-child(2){
  font-size: 22px;
  color: #333333;
  letter-spacing: 1.38px;
  margin-top: 15px;
}
.introduce-item-text div{
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 15px;
}
.production-adventage{
  margin-top: 150px;
}
.production-adventage-text{
  margin-top: 56px;
  font-size: 16px;
  color: #333333;
  letter-spacing: 0;
  line-height: 30px;
}
.production-bottom{
  margin-bottom: 91px;
  /* margin-top: 36px; */
}
.production-adventage-recruitment{
  margin-top: 120px;
}
.production-adventage-recruitment img{
  width: 100%;
}
.production-more-adventage-recruitment{
  display: flex;
  flex-direction: row;
  margin-top: 124px;
}
.adventage-text{
  width: 50%;
}
.adventage-image{
  width: 50%;
  text-align: center;
}
.adventage-image img{
  width: 73%;
}
.adventage-title{
  font-size: 36px;
  color: #333333;
  letter-spacing: 2.25px;
  line-height: 32px;
  margin-bottom: 56px;
  font-family: 'semibold';
}
.adventage-content{
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  line-height: 30px;
}
.production-rec-bottom{
  margin-top: 50px;
  margin-bottom: 50px;
}
.imm-serve-for{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 78px auto 0;
  width: 1380px;
  padding: 0 10px;
}
.imm-serve-item{
  width: 6.5%;
}
.imm-serve-item img{
  width: 100%;
  margin-bottom: 22px;
}
.imm-serve-name{
  font-size: 18px;
  color: #333333;
  letter-spacing: 1.12px;
  text-align: center;
  line-height: 18px;
  text-align: center;
}
.imm-work-form{
  margin: 60px auto 0;
  width: 1380px;
  padding: 0 10px;
}
.imm-work-form img{
  width: 100%;
}
.imm-serve-include{
  margin: 23px auto 0;
  width: 1380px;
  padding: 0 10px;
}
.imm-serve-include .introduce-item .introduce-item-icon, .pc-client .introduce-item .introduce-item-icon{
  width: 60px;
}
.mobile-client{
  /* margin: 0px 14%;
  margin-top: 200px; */
  margin: 140px auto 0;
  width: 1380px;
  padding: 0 10px;
}
.pc-client{
  margin: 156px auto 0;
  width: 1380px;
  padding: 0 10px;
}
.production-bottom-imm{
  /* margin-top: 36px; */
}
.gray-bg{
  background:rgba(238,242,248,0.6);
  padding-top: 80px;
  padding-bottom: 80px;
}
.ms-characteristic-block{
  margin: 32px auto;
  width: 1380px;
  padding: 0 10px;
  display: flex;
  justify-content: space-around;
}
.ms-characteristic-item{
  width: 22%;
  padding-top: 24px;
  background: #fff;
}
.ms-characteristic-item .ms-characteristic-img{
  text-align: center;
}
.ms-characteristic-item .ms-characteristic-img img{
  width: 64px;
}
.ms-characteristic-text{
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  line-height: 30px;
  text-align: left;
  padding: 16px 24px 24px 24px;
  /* text-align: justify; */
}
.product-tech{
  margin-top: 100px;
}
.tech-block{
  display: flex;
  justify-content: space-around;
  margin: 32px auto 0;
  width: 1380px;
  padding: 0 10px;
}
.tech-item{
  width: 29.8%;
}
.tech-item-img{
  text-align: center;
}
.tech-item-img img{
  width: 88px;
}
.tech-title{
  font-size: 28px;
  color: #333333;
  letter-spacing: 1.75px;
  line-height: 32px;
  margin-top: 48px;
  margin-bottom: 36px;
  text-align: center;
  font-family: 'semibold';
}
.tech-text{
  font-size: 16px;
  color: #666666;
  letter-spacing: 0;
  line-height: 30px;
}
.link-body{
  display: inline-block;
  text-decoration: none;
}
.mb200{
  margin-bottom: 100px;
}
.mb90{
  margin-bottom: 90px;
}
.stpass, .stpass:active{
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}
.tect-intro{
  width: 100%;
}
#stpass-menu{
  display: none;
  position: absolute;
  top: 72px;
  left: 0px;
  z-index: 1;
  list-style: none;
  background: rgba(0, 0, 0 ,0.6);
  padding-left: 0px;
  width: 200px;
  font-size: 14px;
  box-shadow: 1px 1px 14px 3px rgba(255,255,255,0.2);
}
#stpass-menu li{
  line-height: 44px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}
#stpass-menu li a{
  color: #cccccc;
}
#stpass-menu li:hover a{
  color: #ffffff;
  background: rgba(0,120,255,0.5);
}
#stpass-nav{
  position: relative;
}
#wangjian{
  background: url('../img/wangjian1.jpg') no-repeat;
  background-position: top;
  background-size: cover;
}
#wangmin{
  background: url('../img/wangmin.jpg') no-repeat;
  background-position: center;
  background-size: cover;
}
#sunhaifeng{
  background: url('../img/sunhaifeng.jpg') no-repeat;
  background-position: center;
  background-size: cover;
}
.product-link{
  margin-top: 68px;
}
.product-link:last-child{
  margin-top: 20px;
}
.product-link a{
  color: #1890ff;
}
.product-link .down-load-reporte {
  padding: 5px 15px;
  background: #1890ff;
  color: #fff;
  text-decoration: none;
}
.more-menu{
  display: none;
}

.logo{
  height: 36px;
  vertical-align: text-bottom;
  margin-right: 12px;
}
.information-shanghai-blood-center{
  padding: 32px 0px 0px 58px;
  font-size: 14px;
}
.information-shanghai-blood-center> img{
  width: 100%;
  margin-bottom: 21px;
}
.information-shanghai-box{
  margin-top: 32px;
}
.information-shanghai-box-img{
  margin: 0 14%;
}
.information-shanghai-box-img > img{
  margin-left: 606px;
}
.company-information-warp{
  background: rgba(204,215,236,0.2);
  padding: 0px 14% 53px 14%;
  margin-top: 21px;
  display: flex;
}
.company-information-warp > img{
  min-width: 548px;
  width: 39.6%;
  position: relative;
  bottom: 90px;
}
.information-shanghai-blood-center .information-box-item{
  margin-bottom: 24px;
}
.information-shanghai-blood-center .information-box-item .information-box-item-title{
  color: #333333;
  border-left: 4px solid #1890ff;
  padding-left: 12px;
}
.information-shanghai-blood-center .information-box-item .information-box-item-title .text{
  font-size: 20px;
  color: #333333;
  font-weight: bold;
}
.information-shanghai-blood-center .information-box-item .content{
  padding-left: 12px;
  margin: 8px 0px 12px 0px;
  line-height: 22px;
  color: #666666;
  font-size: 14px;
}
.shanghai-content-item{
  display: flex;
  align-items: center;
}
.shanghai-content-item a {
  margin-left: 17px;
  text-decoration: none;
  color: #047AF9;
  font-family: 'mediumn';
  font-size: 16px;
}
.font-20-bold{
  font-size: 20px;
  color: #333333;
  font-family: 'semibold';
}
.production-advantage{
  margin-top: 80px;
}
.production-advantage > p{
  margin-top: 32px;
}
.production-advantage-content{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin: 42px auto 0;
  width: 1380px;
  padding: 0 10px;
}
.production-advantage-content-index{
  width: 100%;
  margin-bottom: 118px;
}
.production-advantage-content-index img{
  width: 100%;
}
.production-advantage-content-index:last-child{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
}
.production-advantage-content-index:last-child > .vs{
  width: 20.7%;
}
.production-advantage-content-index:last-child img{
  width: 35%;
}
.center{
  text-align: center;
}
.business-pain-points{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px auto 0;
  width: 1380px;
  padding: 0 10px;
}
.business-pain-points-index{
  position: relative;
  background: url('../img/out-business01.png');
  background-size: 100% 100%;
  /* background-size: contain; */
  background-repeat: no-repeat;
  /* min-height: 378px; */
  width: calc(33% - 22px)
}
.business-pain-points-index:nth-child(2){
  background: url('../img/out-business02.png');
  /* background-size: contain;   */
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.business-pain-points-index:nth-child(3){
  background: url('../img/out-business03.png');
  /* background-size: contain; */
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.business-pain-points-index:nth-child(2) .business-pain-points-index-content-type{
  background: linear-gradient(180deg, #FFC642 0%, #FFBE0B 85%, #FFBD02 100%);
}
.business-pain-points-index:nth-child(3) .business-pain-points-index-content-type{
  background: linear-gradient(180deg, #6A726E 0%, #363636 100%);
}
.business-pain-points-index>.title{
  color: #fff;
  font-size: 34px;
  font-weight: bold;
  height: 121px;
  text-align: center;
  line-height: 121px;
}
.business-pain-points-index-content{
  padding: 0px 12px 24px;
  margin-top: 24px;
}
.business-pain-points-index-content-box{
  display: flex;
  color: #333333;
  font-weight: 24px;
  margin-bottom: 7.1%;
  white-space: nowrap;
}
.business-pain-points-index-content-type{
  width: 76px;
  height: 36px;
  background: linear-gradient(180deg, #0173F8 0%, #0E97FF 100%);
  opacity: 0.8;
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 36px;
  border-radius: 6px;
  margin-right: 18px;
  flex-shrink: 0;
}
.business-pain-points-index-content-box p{
  line-height: 30px;
}
/* .productor-value{
  border-radius: 0px;
  min-height: 160px !important;
} */
.productor-value>img{
  width: 100%;
}

#production-menu{
  display: none;
  position: absolute;
  top: 72px;
  left: 0px;
  z-index: 1;
  list-style: none;
  background: rgba(0, 0, 0 ,0.6);
  padding-left: 0;
  width: 300px;
  font-size: 14px;
  box-shadow: 1px 1px 14px 3px rgba(255,255,255,0.2);
}
#production-menu li{
  line-height: 44px;
  text-align: left;
  padding-left: 43px;
  /* border-bottom: solid 1px rgba(255, 255, 255, 0.2); */
}
#production-menu li.class{
  padding-left: 28px;
}
#production-menu li a{
  color: #cccccc;
}
#production-menu li:hover {
  color: #ffffff;
  background: rgba(0,120,255,0.5);
}
#production-menu li.class:hover {
  background: rgba(0, 0, 0 ,0.6);
  box-shadow: 1px 1px 14px 3px rgba(255,255,255,0.2);
}
#production-nav{
  position: relative;
}

.pop-up-box{
  position: fixed;
  top: 40%;
  right: 24px;
  cursor: pointer;
}
.pop-up-box .content-we{
  width: 42px;
  height: 148px;
  padding: 8px;
  box-sizing: border-box;
  background: linear-gradient(180deg, #0173F8 0%, #0E97FF 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.pop-up-box .content-we > img{
  width: 26px;
  margin-bottom: 6px;
}
.pop-up-box .content-we .text{
  width: 100%;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.pop-up-box .leave-message-box{
  display: none;
  padding-right: 10px;
  position: absolute;
  top: -48%;
  right: 42px;
}
.pop-up-box .leave-message {
  display: flex;
  padding: 43px 10px 43px 32px;
  box-sizing: border-box;
  background: rgba(255, 255, 255);
  width: 266px;
  height: 324px;
  justify-content: space-between;
  flex-direction: column;
  border-radius: 4px;
  box-shadow: 0 1px 6px 0 #0055c033;
}
.pop-up-box .consult:hover .leave-message-box{
  display: block;
}
.leave-message-item{
  display: flex;
  flex-direction: column;
  line-height: 22px;
  color: #666;
}
.leave-message-item img{
  vertical-align: middle
}
.leave-message-item .point{
  width: 8px;
  height: 8px;
  background: linear-gradient(180deg, #0173F8 0%, #0E97FF 100%);
  border-radius: 50%;
  opacity: 1;
}
.leave-message-item .content{
  display: flex;
  align-items: center;
  margin-top: 4px;
  color: #333333;
  font-family: 'medium';
  font-size: 18px;
}
.leave-message-item .content .point{
  margin-right: 8px;
}
.leave-message-item .content .blue{
  color: #1890ff;
}
.pop-up-box .scrool-top{
  width: 42px;
  height: 42px;
  background: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 165px;
  box-shadow: 0 1px 6px 0 #0055c033;
}
.pop-up-box .scrool-top img{
  width: 20px;
}
.production-list1{
  margin: 60px auto 0;
  width: 1380px;
  padding: 10px;
  margin-top: 60px;
  color: #666666;
  overflow: hidden;
}
.production-item1{
  width: 15%;
  box-shadow: 2px 8px 20px rgba(0,0,0,0.1);
  /* box-shadow: 1px 5px 14px rgba(0,0,0,0.4); */
  margin-bottom: 58px;
}
.production-item1 .img-box{
  width: 100%;
  overflow: hidden
}
.production-item1 .img-box img{
  width: 100%;
  transition: all 1.2s
}
/* .production-item .img-box img:hover{
  transform: scale(1.2);
} */
.production-item1:hover img{
  transform: scale(1.2);
}
.production-warpper{
  display: flex;
  justify-content: space-around;
  width: 200%;
}
.production-left-btn-img{
  width: 22px;
  position: absolute;
  top: 60%;
  left: 12.5%;
  height: 42px;
  cursor: pointer;
}
.production-right-btn-img{
  width: 22px;
  position: absolute;
  top: 60%;
  right: 12.5%;
  height: 42px;
  cursor: pointer;
}
@media screen and (max-width: 900px){
  .more-menu{
    display: inline-block;
    height: 100%;
  }
  .more-menu img{
    height: 30px;
    margin-top: 15px;
    margin-left: 30px;
  }
  .header{
    height: 60px;
    position: relative;
  }
  .lemore-logo{
    display: none;
  }
  .router-tab{
    display: none;
    position: fixed;
    height: calc(100vh - 60px);
    margin-top: 60px;
    width: 100%;
    z-index: 1000;
    background: #bac2da;
  }
  .router-tab .tab-item{
    width: 100%;
  }
  .production-center{
    padding-top: 36px;
    color: #666666;
  }
  .block-title{
    font-size: 1rem;
  }
  .title-divider img{
    width: 199px;
    margin-top: 6px;
    margin-bottom: 12px;
  }
  .block-slogan{
    font-size: 1rem;
    line-height: 1.6;
    color: #666666;
  }
  .production-list{
    flex-direction: column;
  }
  .production-item{
    width: 100%;
    margin-bottom: 21px;
  }
  .production-text{
    padding: 12px 24px;
  }
  .production-describtion{
    margin-top: 8px;
  }
  .company-introduction{
    width: 1380px;
    margin: 92px auto 0;
  }
  .company-information-block{
    flex-direction: column;
  }
  .information-text{
    padding: 0px;
    width: 100%;
  }
  .information-title{
    font-size: 1.2rem;
    color: #000000;
  }
  .company-img{
    height: 212px;
    width: 100%;
  }
  .consultance-block{
    margin-top: 50px;
  }
  .menu-like{
    display: none;
  }
  .form-item{
    margin-bottom: 12px;
  }
  .banner-slogan{
    font-size: 1.5rem;
    line-height: 1rem;
    padding-top: 6.6%;
  }
  .banner-subject-slogan{
    font-size: 1rem;
    margin-top: 15px;
  }
  .about-block{
    margin-top: 24px;
  }
  .map-wrapper{
    padding: 0px;
  }
  .bold-text{
    font-size: 1.2rem;
  }
  .address-info{
    font-size: 0.76rem;
  }
  .production-detail{
    margin-top: 45px;
    margin-bottom: 45px;
    flex-direction: column-reverse;
  }
  .production-detail-image{
    width: 100%;
    text-align: center;
  }
  .production-detail-text{
    width: 100%;
    margin-top: 34px;
  }
  .production-detail-name{
    font-size: 1.2rem;
    margin-bottom: 24px;
  }
  .production-detail-content{
    font-size: 0.76rem;
  }
  .imm-serve-item{
    width: 16.5%;
  }
  .imm-serve-for{
    margin-top: 26px;
  }
  .imm-serve-name{
    font-size: 0.74rem;
  }
  .imm-work-form{
    margin-top: 30px;
  }
  .introduce-item{
    margin-top: 34px;
    flex-direction: column;
    width: 48%;
  }
  .introduce-item-icon{
    margin-right: 0px;
    width: 100%;
    text-align: center;
  }
  .introduce-item-icon img{
    width: 59%;
  }
  .introduce-item-text p:first-child{
    font-size: 1.2rem;
  }
  .introduce-item-text p:nth-child(2){
    font-size: 0.92rem;
    height: 2.4rem;
  }
  .introduce-item-text p{
    height: 5rem;
    margin-top: 25px;
  }
  .introduce-item-text div{
    font-size: 0.92rem;
  }
  .imm-serve-include .introduce-item .introduce-item-icon, .pc-client .introduce-item .introduce-item-icon{
    margin: auto;
    margin-bottom: 12px;
    height: 73px;
  }
  .mobile-client,.pc-client{
    margin-top: 42px;
  }
  .mb200{
    margin-bottom: 46px;
  }
  .gray-bg{
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .ms-characteristic-block{
    flex-direction: column;
  }
  .ms-characteristic-item{
    width: 100%;
    /* background: transparent; */
  }
  .product-tech{
    margin-top: 42px;
  }
  .tech-block{
    flex-direction: column;
  }
  .tech-item{
    width: 100%;
    margin-top: 55px;
  }
  .tech-title{
    margin-top: 24px;
  }
  .production-more-adventage-recruitment{
    flex-direction: column;
  }
  .adventage-text{
    width: 100%;
  }
  .production-adventage-recruitment{
    margin-top: 48px;
  }
  .adventage-title{
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: 32px;
  }
  .adventage-image{
    width: 100%;
    margin-top: 24px;
  }
  .adventage-image img{
    width: 100%;
  }
  .production-function-item{
    width: calc(50% - 12px);
    font-size: 0.94rem;
  }
  .production-bottom{
    margin-top: 36px;
    margin-bottom: 24px;
  }
  .lemore-leader-block{
    flex-direction: column;
  }
  .leader-intro{
    width: 100%;
  }
  .willing-step{
    flex-direction: column;
  }
  .willing-item{
    width: 100%;
    margin-top: 20px;
  }
  .willing-img{
    text-align: center;
  }
  .willing-item:first-child{
    margin-top: 20px;
  }
  .willing-img img{
    width: 69%;
  }
  .willing-title{
    margin-top: 9px;
  }
}
@media screen and (max-width: 900px) {
  .company-information-warp{
    display: flex;
    flex-direction: column;
  }
  .company-information-warp > img{
    min-width: 0px;
    width: 100%;
    bottom: 0px;
  }
  .information-shanghai-blood-center{
    padding: 32px 0px 0px 0px;
  }
  .willing-step .right-btn-img{
    width: 2.5%;
    height: 5%;
    right: 13%;
  }
  .willing-step .left-btn-img{
    width: 2.5%;
    height: 5%;
    left: 13%;
  }
  .business-pain-points{
    flex-direction: column;
  }
  .business-pain-points-index{
    width: 100%;
    margin-bottom: 24px;
  }
  .business-pain-points-index:last-child{
    margin-bottom: 0px;
  }
  .business-pain-points-index>.title {
    font-size: 1.5rem;
  }
  .business-pain-points-index>.business-pain-points-index-content {
    font-size: 1rem;
  }
  .business-pain-points-index-content-type{
    font-size: 1rem;
  }
  .business-pain-points-index-content-box{
    white-space: normal;
  }
  .mediumn33{
    font-size: 1rem !important;
  }
  .semibold33{
    font-size: 1rem !important;
  }
  .font-20-bold{
    font-size: 1rem;
  }
  .ms-characteristic-text{
    font-size: 12px;
  }
  .ms-characteristic-item{
    margin-top: 24px;
  }
  .ms-characteristic-text{
    text-align: center;
  }
  .production-function-square .production-function-item{
    width: 45%;
    font-size: 1rem;
    padding: 19px 0px;
  }
  .production-function-square .production-function-item1{
    font-size: 1rem;
    padding: 19px 0px;
    width: 45%;
  }
  .production-function-square .production-function-item:nth-child(1){
    background: #EAF0F7;
  }
  .production-function-square .production-function-item:nth-child(2){
    background: #E2EBF6;
  }
  .production-function-square .production-function-item:nth-child(3){
    background: #E2EBF6;
  }
  .production-function-square .production-function-item:nth-child(4){
    background: #EAF0F7;
  }
  .production-function-square .production-function-item1:nth-child(5){
    background: #EAF0F7;
  }
  .production-function-square .production-function-item1:nth-child(6){
    background: #E2EBF6;
  }
  .production-function-square .production-function-item1:nth-child(7){
    background: #E2EBF6;
  }
  .production-function-square .production-function-item1:nth-child(8){
    background: #EAF0F7;
  }
  .information-shanghai-box-img > img{
    margin: auto;
    width: 50%;
  }
  .pop-up-box{
    right: 24px !important;
  }
  .leave-message{
    width: 224px !important;
  }
  .production-warpper{
    width: 600%;
  }
  .production-warpper .production-item1{
    width: 14%;
  }
}

.map-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 0;
}
#container {
  width: 50%;
  height: 630px;
}
.address-info {
  padding: 66px 0 0 91px;
}
.address-info .about-serve-title {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 50px;
}
.address-info .text-box {
  margin-bottom: 55px;
}
.about-little-serve-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.address-info .about-text {
  font-size: 15px;
  line-height: 30px;
}
.swiper-button-next, .swiper-button-prev {
  color: #d0d0d1 !important;
}
#container img {
  width: 100%;
  height: 100%;
}