.public_all {
  margin-left: 15.6%;
  width: 85%;
  max-width: 1620px;
}
.public_w {
  max-width: 1360px;
  width: 85%;
  margin: 0 auto;
}
.public_w2 {
  max-width: 1180px;
  width: 85%;
  margin-left: 0;
  /* margin: 0 auto; */
}
* {
  margin: 0;
  padding: 0;
}
/* 产品中心 */
.pro {
  width: 84.4%;
  /* border: 1px solid #000; */
}
.pro .banner .banner2 {
  box-shadow: none;
}
.pro .pro1 {
  display: flex;
  flex-direction: column;
  padding-top: calc(10px + 3.5rem);
  padding-bottom: calc(10px + 2.5rem);
  border-top: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
  margin-bottom: calc(15px + 3.5rem);
  /* border: 1px solid #000; */
}
.pro .pro1 > p {
  font-family: HelveticaNeue_Medium;
  font-size: calc(10px + 1.5rem);
  color: #333333;
}
.pro .pro1 > span {
  width: 42.35%;
  font-family: Helvetica;
  font-size: calc(10px + 0.4rem);
  color: #666666;
  line-height: calc(10px + 0.9rem);
  margin-top: calc(10px + 0.2rem);
}
.pro .pro2 {
  display: flex;
  flex-direction: column;
}
.pro .pro2 .list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2.132%;
  margin-bottom: calc(10px + 3rem);
}
.pro .pro2 .list > li {
  width: 31.911%;
  margin-top: calc(12px + 1rem);
}
.pro .pro2 .list > li > a {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pro .pro2 .list > li > a > div {
  width: 100%;
  overflow: hidden;
}
.pro .pro2 .list > li > a > div > img {
  width: 100%;
  transition: all 0.3s;
}
.pro .pro2 .list > li > a > p {
  font-family: HelveticaNeue_Medium;
  font-size: calc(10px + 0.5rem);
  color: #555555;
  margin-top: calc(10px + 0.5rem);
}
.pro .pro2 .list > li > a:hover > div > img {
  transform: scale(1.1);
}
.pro .pro2 .list > li:nth-child(1),
.pro .pro2 .list > li:nth-child(2),
.pro .pro2 .list > li:nth-child(3) {
  margin-top: 0;
}
/* 产品详情 */
.pro_read {
  width: 84.4%;
  /*  */
  /*  */
  /*  */
}
.pro_read .banner .banner2 {
  box-shadow: none;
}
.pro_read .pro_read2 {
  border-top: 1px solid #EDEDED;
  /*width: calc(125px + 5rem);*/
}
.pro_read .pro_read2 > a {
  /* width: calc(125px + 5rem); */
  width: 100%;
  display: flex;
  align-items: center;
  /* text-decoration: underline; */
  font-family: Roboto_Regular;
  font-size: calc(10px + 0.4rem);
  color: #333333;
  padding-bottom: 2px;
  position: relative;
  margin-top: calc(15px + 3.5rem);
  /* border: 1px solid #000; */
}
.pro_read .pro_read2 > a > img {
  width: calc(3px + 0.5rem);
  height: calc(3px + 0.5rem);
  margin-right: 0.2rem;
}
.pro_read .pro_read2 > a > span {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #333;
  bottom: 0;
  left: 0;
}
.pro_read .pro_read_cont {
  margin-top: calc(12px + 2.5rem);
  display: flex;
  justify-content: space-between;
  /* border: 1px solid #000; */
}
.pro_read .pro_read_cont .l {
  width: 38.43%;
  /* border: 1px solid #000; */
}
.pro_read .pro_read_cont .l .swiper2 {
  width: 100%;
  overflow: hidden;
}
.pro_read .pro_read_cont .l .swiper2 .swiper-slide {
  width: 100%;
}
.pro_read .pro_read_cont .l .swiper2 .swiper-slide > img {
  width: 100%;
}
.pro_read .pro_read_cont > .r {
  width: 55.95%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* border: 1px solid #000; */
}
.pro_read .pro_read_cont > .r > p {
  font-family: HelveticaNeue_Medium;
  font-size: calc(12px + 1rem);
  color: #333333;
  margin-bottom: calc(14px + 1rem);
}
.pro_read .pro_read_cont > .r > ul {
  width: 100%;
  border-top: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  padding: calc(10px + 1.95rem) 0;
  margin-bottom: calc(10px + 1.95rem);
  display: flex;
  flex-direction: column;
}
.pro_read .pro_read_cont > .r > ul > li {
  display: flex;
  align-items: center;
  font-family: Helvetica;
  font-size: calc(10px + 0.4rem);
  color: #333333;
  margin-bottom: calc(10px + 0.3rem);
}
.pro_read .pro_read_cont > .r > ul > li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.pro_read .pro_read_cont > .r > a {
  width: calc(85px + 5rem);
  height: calc(24px + 1.5rem);
  background: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Roboto_Regular;
  font-size: calc(10px + 0.4rem);
  color: #FFFFFF;
}
.pro_read .pro_read_cont > .r > a > img {
  width: calc(10px + 0.55rem);
  margin-right: calc(2px + 0.4rem);
}
.pro_read .lb {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc(20px + 3rem);
}
.pro_read .lb .swiper {
  margin-left: 0;
  overflow: hidden;
}
.pro_read .lb > span {
  width: 100%;
  height: 1px;
  background: #EDEDED;
  margin: calc(10px + 3rem) 0;
}
.pro_read .lb .pro_read_cont1 {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.pro_read .lb .pro_read_cont1 .public_w2 {
  display: flex;
  flex-direction: column;
}
.pro_read .lb .pro_read_cont1 .public_w2 > p {
  width: 100%;
  height: calc(27px + 1.5rem);
  background: #F4F4F4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: HelveticaNeue, HelveticaNeue;
  font-size: calc(10px + 0.4rem);
  color: #666666;
}
.pro_read .lb .pro_read_cont1 .public_w2 > div {
  width: 100%;
  height: calc(100px + 15rem);
  padding: 0 calc(10px + 0.7rem);
  margin-top: calc(10px + 1.5rem);
  font-family: Helvetica;
  font-size: calc(10px + 0.4rem);
  color: #777777;
  line-height: calc(10px + 0.6rem);
}
@media screen and (max-width: 1100px) {
  .public_all {
    width: 100%;
    margin-left: 0;
  }
  /* 产品中心 */
  .pro {
    width: 100%;
  }
  .pro .pro1 > span {
    width: 100%;
  }
  .pro .pro2 .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pro .pro2 .list > li {
    width: 48%;
  }
  .pro .pro2 .list > li:nth-child(3) {
    margin-top: calc(12px + 1rem);
  }
  /* 产品详情 */
  .pro_read {
    width: 100%;
    /*  */
    /*  */
  }
  .pro_read .pro_read_cont {
    display: flex;
    flex-direction: column;
  }
  .pro_read .pro_read_cont .l {
    width: 100%;
  }
  .pro_read .pro_read_cont .r {
    width: 100%;
    margin-top: calc(10px + 1rem);
  }
  .pro_read .lb {
    width: 85%;
  }
  .pro_read .lb .swiper {
    width: 100%;
  }
  .pro_read .lb .pro_read_cont1 {
    width: 100%;
  }
  .pro_read .lb .pro_read_cont1 .public_w2 {
    width: 100%;
  }
}