.pro_read_box {
  width: 100%;
  padding-top: calc(15px + 3rem);
  padding-bottom: calc(20px + 4rem);
  background: #F8F8F8;
}

.pro_read {
  max-width: 1480px;
  width: 85%;
  margin: auto;
  display: flex;
  justify-content: space-between;

}

.pro_read_left_pic {
  width: 45.9459%;
  height: calc(60px + 30rem);
  background: #FFFFFF;
  box-shadow: 0px calc(1px + 0.1rem) calc(1px + 0.25rem) 0px rgba(35, 58, 79, 0.2);
  border: 1px solid #DCDCDC;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.pro_read_left_pic .img {
   width: 85.2941%;
  height: 85.2941%;
  object-fit: contain;

}
.pro_logo{
  position: absolute;
  top: calc(7px + 1rem);
  left: calc(2px + 1.5rem);
}
.pro_logo img{
  height: calc(16px + 3rem);
}

.pro_read_right_text {
  width: 47.9729%;
}

.pro_read_title {
  font-family: Century Gothic;
  font-weight: bold;
  font-size: calc(6px + 1.5rem);
  color: #333333;
  text-transform: uppercase;
  margin-top: calc(4px + 1rem);
}

.pro_intro {
  width: 100%;
background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  gap: calc(7px + 1rem);
  padding: calc(4px + 1.5rem) calc(8px + 2rem);
  margin-top: calc(2px + 1.5rem);
}

.pro_intro p {
  font-family: Century Gothic;
  font-weight: 400;
  font-size: calc(8px + 0.5rem);
  color: #30333B;

}

.pro_intro p strong {
  font-family: Century Gothic;
  font-weight: bold;
  font-size: calc(6px + 0.5rem);
  color: #30333B;

}
.pro_btn{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: calc(6px + 1rem);
  margin-top: calc(11px + 2rem);
}
.contact_us{
  width: calc(100px + 5rem);
height: calc(20px + 2rem);
background: #00529D;
border-radius: calc(10px + 1rem);
}
.contact_us img{
  width: calc(2px + 1rem);
}
.contact_us a{
  width: 100%;
  height: 100%;
font-family: Century Gothic;
font-weight: 400;
font-size: calc(8px + 0.5rem);
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
gap: calc(3px + 0.5rem);
}
.back_pro{
  width: calc(100px + 5rem);
height: calc(20px + 2rem);

border-radius: calc(10px + 1rem);
border: 1px solid #B8B8B8;
}
.back_pro img{
  width: calc(10px + 0.5rem);
}
.back_pro a{
  width: 100%;
  height: 100%;
font-family: Century Gothic;
font-weight: 400;
font-size: calc(8px + 0.5rem);
color: #555555;
display: flex;
justify-content: center;
align-items: center;
gap: calc(3px + 0.5rem);
}

.parameter{
  max-width: 1480px;
  width: 85%;
  margin: auto;
line-height: calc(11px + 2rem);
background: #1B2B35;
margin-bottom: calc(32px + 15rem);
font-family: Century Gothic;
font-weight: bold;
font-size: calc(8px + 0.5rem);
color: #FFFFFF;
text-align: center;
}


@media (max-width: 1100px) {
  .pro_read{
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: calc(10px + 1rem);
  }

  .pro_read_left_pic {
    width: 100%;
  }
  .pro_read_left_pic {
    height: calc(60px + 66rem);
  }
  .pro_logo img {
    height: calc(16px + 12rem);
}

.pro_read_right_text {
  width: 100%;
}

.pro_read_title{
  font-size: calc(12px + 1rem);
}
.pro_intro p{
  font-size: calc(10px + 1rem);
}
.pro_intro p strong {
  font-size: calc(10px + 1rem);
}
.contact_us img {
  width: calc(2px + 4rem);
}
.contact_us a{
  font-size: calc(10px + 1rem);
}
.back_pro img {
  width: calc(2px + 4rem);
}
.back_pro a{
  font-size: calc(10px + 1rem);
}
.parameter{
  font-size: calc(12px + 1rem);
  line-height: calc(11px + 6rem);
}
}