.awpom {
  width: calc(100% - 21em);
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flexSB {
  justify-content: space-between;
}

.flexS {
  justify-content: flex-start;
}

.flexSE {
  justify-content: space-evenly;
}

.flexT {
  align-items: flex-start;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 10px;
}

.leftnavs {
  width: 10em;
}

.webPc {
  display: block;
}

.webMob {
  display: none;
}

.capability {
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #7F7F7F;
  text-align: center;
}

.categoryList {
  /* font-size: 18px; */
  font-weight: 500;
  padding: 0 32px;
  border-right: 1px solid #D8D8D8;
  cursor: pointer;
}

.categoryList:last-child {
  border: 0;
}

.picthText {
  color: #00b5d2;
}

.achievement .achievementList {
  display: none;
  width: 70vw;
  height: 27vw;
}

.achievement .active {
  display: block;
}

.achievement .achievementList .material {
  flex: 1;
  height: 27vw;
}

.achievement .achievementList .material img {
  width: 15vw;
  display: block;
  margin-left: 50%;
  transform: translateX(-50%);
}

.achievement .achievementList .material:nth-child(1) {
  padding-top: 3.8vw;
}

.achievement .achievementList .material:nth-child(2) img {
  width: 19vw;
}

.achievement .achievementList .material p {
  margin-top: 2vw;
  color: #333;
}

.achievement .achievementList .material:nth-child(2) p {
  margin-top: 1.8vw;
}

.achievement .achievementList .achievementList2 {
  width: 32vw;
  height: 19vw;
  display: block;
  margin-top: 2vw;
  margin-left: 52%;
  transform: translateX(-50%);
}

.achievement .achievementList .achievementList3 {
  padding-top: 2vw;
}

.achievement .achievementList .achievementList3 img {
  height: 19vw;
  display: block;
  margin-left: 50%;
  transform: translateX(-50%);
}

.technology {
  width: 72vw;
  height: 18vw;
}

.technology .technologyList {
  flex: 1;
  height: 17.2vw;
  position: relative;
}

.technology .technologyList img {
  width: 80%;
  display: block;
}

.technology .technologyList p {
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
}

.history_box {
  width: 100%;
  position: relative;
  padding-top: 28%;
}

.core-technology-nav {
  position: absolute;
  top: 0;
  left: 5%;
  height: 100%;
  width: 90%;

  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

#core-technology-active {
  width: 25%;
  box-shadow: 0 10px 5px #dfdfdf;
  height: 100%;
}

.core-technology-swiper {
  width: 75%;
  height: 100%;
}

.core-technology-box {
  width: 100%;
  height: 100%;
  position: relative;

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.core-technology-box0 {
  box-shadow: 10px 0 8px rgba(3, 63, 72, 0.08);
}

.core-technology-box .core-technology-title {
  width: 100%;
  flex: 1.2;

  font-size: .2rem;
  color: #333;

  margin-left: 15%;
}

.core-technology-box .imgs {
  width: 100%;
  flex: 6;
}

.core-technology-box .core-technology-desc {
  width: 100%;
  margin-left: 15%;
  flex: 2;
  font-size: .2rem;
  color: #333;
}

.core-technology-title .year {
  color: #00b5d2;
  margin-left: 10%;
  font-size: .3rem;
}

.core-technology-box .imgs .img {
  width: 100%;
  height: 100%;
  background-size: 70%;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
}

#core-technology-active .core-technology-box .imgs .img {
  height: 17vw;
}

.core-technology-desc ul {
  margin-left: 8%;
  width: 80%;
}

.core-technology-desc ul li {
  width: 100%;
  margin-top: 10px;
  margin-left: 10%;
  font-size: 0.15rem;
}

.core-technology-desc ul li::before {
  content: '';
  /* 必须有内容 */
  position: absolute;
  /* 绝对定位 */
  margin-left: -1em;
  margin-top: 0.5em;
  /* 垂直居中 */
  width: 8px;
  /* 圆点宽度 */
  height: 8px;
  /* 圆点高度 */
  background-color: #00b5d2;
  /* 圆点颜色 */
  border-radius: 50%;
  /* 圆点样式 */
}

.hscj {
  box-shadow: 0 10px 20px 0 #0000000f;
  overflow: hidden;
}

.hscj-bg-zip {
  height: 43vw;
  width: 100%;
  background-color: #F7F7F7;
  top: 76vw;
  position: absolute;
  overflow: hidden;
  z-index: -1;
}
@media(max-width: 768px) {
  .hscj-bg-zip{
    display: none;
  }
  
}
.hscj .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
}

.hscj .item .img{
  width: 50%;
}
.hscj .item .img,
.desc {
  flex: 0 0 50%;
}
@media(max-width: 768px) {
  .hscj .item .img{
    width: 100%;
  }
  .hscj .item {
    flex-wrap: wrap;
  }
  .hscj .item:not(:first-child) {
    flex-direction: column-reverse;
  }
  .hscj .item .img,
  .desc {
    flex: 0 0 100%;
  } 
}

.hscj .item .desc {
  padding: 3vw;
  display: flex;
  justify-content: center;
  flex-direction: column;
}


.hscj .yinying {
  box-shadow: none;
}

.hscj .img_text_box {
  width: 100%;
  display: block;
}

.hscj .img_text_box .img_text_pos {
  width: 100%;
  position: relative;
}


.hscj .img_text_box .img_text_pos a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #fff;
  border-radius: 0.2rem;
  overflow: hidden;
}

.hscj .img_text_box .img_text_pos .imgs {
  display: inline-block;
  vertical-align: middle;
  width: calc(720 / 1440 * 100%);
  position: relative;
  overflow: hidden;
}

.hscj .img_text_box .img_text_pos .imgs .img {
  width: 100%;
  padding-top: 66.66%;
  transition: all ease 0.5s;
}

.hscj .img_text_box .img_text_pos .peom {
  display: inline-block;
  vertical-align: middle;
  width: calc(720 / 1440 * 100%);
  padding: 0 2em;
}

.hscj .img_text_box .img_text_pos .peom .pc {
  width: 0.51rem;
  height: 0.51rem;
  display: block;
}

.hscj .img_text_box .img_text_pos .peom .pc img {
  width: 100%;
  display: block;
}

.hscj .img_text_box .img_text_pos .peom .xit {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin: 0.18rem 0;
}

@media screen and (max-width: 549px) {
  .awpom {
    width: 94%;
  }

  .webPc {
    display: none;
  }

  .webMob {
    display: block;
  }

  .webMob .capability .flex {
    flex-wrap: wrap;
    margin-bottom: 15px;
    text-align: center;
  }

  .webMob .capability .flex span {
    color: #00b5d2;
  }

  .webMob .capability .flex .sp2 {
    color: #000;
  }

  .webMob .material {
    flex: 1;
  }

  .webMob .categoryList {
    margin-bottom: 10px;
    border: 0;
  }

  .webMob .boxShadow {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
  }

  .hscj .img_text_box .img_text_pos .peom {
    padding: 2em 0;
  }

}
.capability{
  transform: scale(0.9);
}
.capability-list {
  padding: 2vw;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 5vw;
}

.capability-list .item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

}

.capability-list .item img {
  width: 12.05vw;
  margin: 0.3vw;
}

.capability-list .item hr{
  width: 20%;
  border: 1px solid #00b5d2;
}
.capability-list .item .title{
  font-weight: bold;
  margin-bottom: 1vw;
}
.capability-list .item .desc{
  color: #666;
  line-height: 1.5em;
  text-align: center;
}
@media(max-width: 768px) {
  .capability-list{
    flex-wrap: wrap;
  }
  .capability-list .item {
    margin-bottom: 10vw;
    gap: 5vw;
  }
  .capability{
    font-size: 0.3rem;
  }
  .capability-list .item .title{
    transform: scale(1.5);
  }
  .capability-list .item .desc{
    transform: scale(1.3);
  }
}
/* 移动端1280px */
/* #asd1234 {
    --base-font-size: clamp(12px, 0.833vw + 0.1rem, 24px);
    font-size: var(--base-font-size) !important;
} */
.yd-bannerDiv9{
  position: relative;
}
.yd-bannerDiv9-cn{
  text-align: center;
  transform: scale(1.3);
  font-weight: bold;
}
.yd-bannerDiv9 .img{
  width: 100%;
}

.yd-bannerDiv9 .yd-bannerTitle{
  width: 100%;
  padding: 5vw;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
}
.yd-bannerDiv9 .yd-bannerTitle .title{
  font-size: 0.55rem;
  margin-bottom: 0.35em;
}
.yd-capability{
  margin: 5vw 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 2px 10px 0 #00000014;
}
.yd-capability .item{
  padding: 5vw 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.yd-capability hr{
  width: 90%;
  border: 1px solid rgba(238, 238, 238, 0.5);
}
.yd-capability .item img{
  width: 25%;
}
.yd-capability .item .title{
  font-weight: bold;
  margin-bottom: 0.12rem;
}
.yd-capability .item hr{
  width: 10%;
  border: 1px solid #00b5d2;
}
.yd-capability .item .desc{
  text-align: center;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #666;
}
.yd-ManufacturingBase {
  padding-top: 5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10vw;
}
.yd-ManufacturingBase .item .desc{
  padding: 0 0.7em;
}
.yd-ManufacturingBase .item .title{
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.yd-ManufacturingBase .item ul{
  color: #666;
}
.yd-history{
  padding: 7vw 5vw;
  box-shadow: 0 2px 10px 0 #00000014;
}
.yd-history .top{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 2em;
}
.yd-history .top p{
  font-weight: bold;
  margin-bottom: 5vw;
}
.yd-history hr{
  margin: 10vw 0;
  border: 1px solid rgba(0,0,0,0.03);
}
.yd-history .top img{
  width: 30%;
}
.yd-history .list{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 5vw;
}
.yd-history .list .item{
  flex: 0 0 calc(50% - 2.5vw);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1vw;
}
.yd-history .list .item img{
  width: 80%;
}