.pen_content .topNavBox {
  height: 3.625rem;
  border-bottom: 1px solid #d0d0d0;
}
.pen_content .topNavBox > .topNav {
  margin: 0 auto;
  width: 82.75rem;
  height: 100%;
}
.pen_content .topNavBox > .topNav > .leftBtn {
  float: right;
  display: flex;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.pen_content .topNavBox > .topNav > .leftBtn > a {
  display: inline-block;
}
.pen_content .topNavBox > .topNav > .leftBtn > * {
  color: #000;
  font-size: 1.0625rem;
  line-height: 1.875rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding: 0.5rem 1.4375rem;
  margin-left: 1.8125rem;
  cursor: pointer;
  opacity: 0.5;
}
.pen_content .topNavBox > .topNav > .leftBtn > .irPen {
  border-bottom: 1px solid #000000;
  opacity: 1;
}
.pen_content .contentBox {
  margin: 0 auto;
  position: relative;
}
.pen_content .p {
  position: absolute;
}
.pen_content .p2Content {
  width: 100%;
  color: #fff;
  position: relative;
}
.pen_content .p2Content > img {
  width: 100%;
}
.pen_content .p2Content > .p2Text {
  padding: 7.3rem 0 0 3.625rem;
}
.pen_content .p2Content > .p2Text > .title1 {
  font-size: 2.6875rem;
  padding-bottom: 0.9375rem;
}
.pen_content .p2Content > .p2Text > .text1 {
  font-size: 0.875rem;
}
.pen_content .p3Content {
  width: 100%;
  color: #000;
  position: relative;
  text-align: right;
}
.pen_content .p3Content > img {
  width: 100%;
}
.pen_content .p3Content > .p3Text {
  width: 100%;
  text-align: right;
}
.pen_content .p3Content > .p3Text > .title1 {
  font-size: 2.775rem;
  padding-bottom: 0.5rem;
}
.pen_content .p3Content > .p3Text > .title2 {
  font-size: 1.7125rem;
  padding-bottom: 0.975rem;
}
.pen_content .p3Content > .p3Text > .text1 {
  font-size: 1.0625rem;
}
.pen_content .p4Content {
  width: 100%;
  color: #000;
  position: relative;
}
.pen_content .p4Content > img {
  width: 100%;
}
.pen_content .p4Content > .p4Text {
  width: 100%;
  text-align: left;
}
.pen_content .p4Content > .p4Text > .title1 {
  font-size: 2.6875rem;
  padding-bottom: 0.5rem;
}
.pen_content .p4Content > .p4Text > .text1 {
  font-size: 1.095rem;
}
.pen_content .p5Content > img {
  width: 100%;
}
.pen_content .p6Content {
  width: 100%;
  color: #000;
  position: relative;
}
.pen_content .p6Content > img {
  width: 100%;
}
.pen_content .p6Content > .p6Text {
  width: 100%;
  text-align: center;
  color: #fff;
}
.pen_content .p6Content > .p6Text > .title1 {
  font-size: 2.75rem;
  padding-bottom: 0.875rem;
}
.pen_content .p6Content > .p6Text > .text1 {
  font-size: 1.0625rem;
}
.pen_content .p7Content {
  width: 100%;
  color: #000;
  position: relative;
}
.pen_content .p7Content > img {
  width: 100%;
}
.pen_content .p7Content > .p7Text {
  padding: 3.8rem 0 0;
  width: 100%;
  text-align: center;
  color: #000;
}
.pen_content .p7Content > .p7Text > .title1 {
  font-size: 2.7375rem;
  padding-bottom: 0.875rem;
}
.pen_content .btmTile {
  font-size: 0.85rem;
  padding: 30px 0 42px;
  color: #9598a1;
}
@media (max-width: 1199px) {
  .sm_contentBox {
    width: 100%;
  }
  .p4Content > img {
    width: 100%;
  }
  .p4Content > .p4Text {
    padding: 1.35rem 0 0 3.725rem;
  }
  .p6Content > .p6Text {
    padding: 1.875rem 0 0;
  }
  .p3Content > .p3Text {
    padding: 1.25rem 3.625rem 0 0;
  }
}
@media (min-width: 1200px) {
  .sm_contentBox {
    width: 1324px;
  }
  .p4Content > .p4Text {
    padding: 7.35rem 0 0 3.725rem;
  }
  .p6Content > .p6Text {
    padding: 10.875rem 0 0;
  }
  .p3Content > .p3Text {
    padding: 7.25rem 3.625rem 0 0;
  }
}