@charset "UTF-8";
/**
 * 宝华智慧招标共享平台投标人增值服务研发（一期）项目
 * date: 2024-5-19
 * author: xujiawei;
 */
.public-streamer {
  background-image: url("../images/about/about_banner.jpg");
}
.public-streamer-title {
  background-image: url("../images/about/about_title.png");
  background-size: 2.08rem 0.57rem;
}
.public-tab .tab-item:nth-child(1)::before {
  background: url("../images/about/about_comp_intro.png") no-repeat left 0.2rem top 0.19rem;
  background-size: 0.28rem 0.28rem;
}
.public-tab .tab-item:nth-child(1):hover::before, .public-tab .tab-item:nth-child(1).current::before {
  background-image: url("../images/about/about_comp_intro_hover.png");
}
.public-tab .tab-item:nth-child(2)::before {
  background: url("../images/about/about_business_intro.png") no-repeat left 0.2rem top 0.19rem;
  background-size: 0.28rem 0.28rem;
}
.public-tab .tab-item:nth-child(2):hover::before, .public-tab .tab-item:nth-child(2).current::before {
  background-image: url("../images/about/about_business_intro_hover.png");
}
.public-right-content {
  padding: 0.3rem;
}

.public-left-item:nth-child(1) .public-left-inner {
  background: url("../images/about/about_left_item_7.png") 0.21rem center no-repeat;
  background-size: 0.54rem 0.55rem;
}
.public-left-item:nth-child(1):hover .public-left-inner, .public-left-item:nth-child(1).current .public-left-inner {
  background: url("../images/about/about_left_item_7_hover.png") left 0.21rem center/0.54rem 0.54rem no-repeat, url("../images/about/about_left_arrow.png") right 0.2rem center/0.11rem 0.23rem no-repeat;
}

.public-left-item:nth-child(2) .public-left-inner {
  background: url("../images/about/about_left_item_8.png") 0.21rem center no-repeat;
  background-size: 0.54rem 0.55rem;
}
.public-left-item:nth-child(2):hover .public-left-inner, .public-left-item:nth-child(2).current .public-left-inner {
  background: url("../images/about/about_left_item_8_hover.png") left 0.21rem center/0.54rem 0.54rem no-repeat, url("../images/about/about_left_arrow.png") right 0.2rem center/0.11rem 0.23rem no-repeat;
}

.public-left-item:nth-child(3) .public-left-inner {
  background: url("../images/about/about_left_item_9.png") 0.21rem center no-repeat;
  background-size: 0.54rem 0.55rem;
}
.public-left-item:nth-child(3):hover .public-left-inner, .public-left-item:nth-child(3).current .public-left-inner {
  background: url("../images/about/about_left_item_9_hover.png") left 0.21rem center/0.54rem 0.54rem no-repeat, url("../images/about/about_left_arrow.png") right 0.2rem center/0.11rem 0.23rem no-repeat;
}

.public-left-item:nth-child(4) .public-left-inner {
  background: url("../images/about/about_left_item_10.png") 0.21rem center no-repeat;
  background-size: 0.54rem 0.55rem;
}
.public-left-item:nth-child(4):hover .public-left-inner, .public-left-item:nth-child(4).current .public-left-inner {
  background: url("../images/about/about_left_item_10_hover.png") left 0.21rem center/0.54rem 0.54rem no-repeat, url("../images/about/about_left_arrow.png") right 0.2rem center/0.11rem 0.23rem no-repeat;
}

.title {
  position: relative;
  min-height: 2.17rem;
  box-sizing: border-box;
  padding: 1.63rem 0.65rem 0 0.93rem;
  background: url("../images/about/business_bg.png") no-repeat;
  background-size: 100% 100%;
  margin-bottom: 0.4rem;
}
.title .main-title {
  position: absolute;
  top: 0.65rem;
  left: 0.92rem;
  width: 1.59rem;
  height: 0.38rem;
}
.title p {
  font-size: 0.16rem;
  line-height: 0.32rem;
}
.title .sub-title {
  position: absolute;
  top: 1.25rem;
  left: 0.92rem;
  color: #4a6fa8;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; /* 文字描边 */
  font-size: 0.18rem;
  letter-spacing: 0.018rem;
}

.recruit-list {
  margin-top: 0.29rem;
}
.recruit-list .item-title {
  position: relative;
  height: 0.43rem;
  font-size: 0.22rem;
  font-weight: 600;
  line-height: 0.35rem;
  padding-left: 0.67rem;
  box-sizing: border-box;
  border-bottom: 0.01rem solid #c7dcef;
  z-index: 1;
}
.recruit-list .item-title::after {
  position: absolute;
  content: "";
  left: 0.68rem;
  top: 0;
  width: 0.8rem;
  height: 0.2rem;
  background: url("../images/about/recruit_title_bg.png") no-repeat;
  background-size: 0.8rem;
  height: 0.2rem;
  z-index: -1;
}
.recruit-list .item-title::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0.48rem;
  height: 0.03rem;
  background: linear-gradient(90deg, #1074ef 0%, #50a6fa 100%);
}
.recruit-list .item-content {
  padding-top: 0.06rem;
  padding-bottom: 0.12rem;
}
.recruit-list .item-content p {
  line-height: 0.3rem;
  font-size: 0.14rem;
}
.recruit-list li:nth-child(1) .item-title {
  background: url("../images/about/no1.png") no-repeat left top;
  background-size: 0.38rem 0.3rem;
}
.recruit-list li:nth-child(2) .item-title {
  background: url("../images/about/no2.png") no-repeat left top;
  background-size: 0.45rem 0.3rem;
}
.recruit-list li:nth-child(3) .item-title {
  background: url("../images/about/no3.png") no-repeat left top;
  background-size: 0.46rem 0.3rem;
}
.recruit-list li:nth-child(4) .item-title {
  background: url("../images/about/no4.png") no-repeat left top;
  background-size: 0.47rem 0.3rem;
}
.recruit-list li:nth-child(5) .item-title {
  background: url("../images/about/no5.png") no-repeat left top;
  background-size: 0.46rem 0.3rem;
}
.recruit-list li:nth-child(6) .item-title {
  background: url("../images/about/no6.png") no-repeat left top;
  background-size: 0.46rem 0.3rem;
}
.recruit-list li:nth-child(7) .item-title {
  background: url("../images/about/no7.png") no-repeat left top;
  background-size: 0.43rem 0.3rem;
}
.recruit-list li:nth-child(8) .item-title {
  background: url("../images/about/no8.png") no-repeat left top;
  background-size: 0.46rem 0.3rem;
}
.recruit-list li:nth-child(9) .item-title {
  background: url("../images/about/no9.png") no-repeat left top;
  background-size: 0.46rem 0.3rem;
}
.recruit-list li:nth-child(10) .item-title {
  background: url("../images/about/no10.png") no-repeat left top;
  background-size: 0.4rem 0.3rem;
}
.recruit-list li + li {
  margin-top: 0.1rem;
}

.lists {
  padding: 0 0.07rem;
  display: flex;
  justify-content: space-between;
}
.lists li {
  position: relative;
  width: 2.89rem;
  height: 2.43rem;
  box-sizing: border-box;
  padding: 0.8rem 0.17rem 0;
  background: url("../images/about/lists_bg.png") no-repeat;
  background-size: 100% 100%;
}
.lists li h4 {
  font-size: 0.2rem;
  color: #1d6ad8;
  line-height: 0.2rem;
  font-weight: 700;
  text-align: center;
}
.lists li p {
  margin-top: 0.15rem;
  font-size: 0.14rem;
  line-height: 0.24rem;
  text-indent: 2em;
}
.lists li::after {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
}
.lists li:nth-child(1)::after {
  top: 0.28rem;
  width: 0.33rem;
  height: 0.33rem;
  background: url("../images/about/lists_icon1.png") no-repeat;
  background-size: 100% 100%;
}
.lists li:nth-child(2)::after {
  top: 0.29rem;
  width: 0.32rem;
  height: 0.32rem;
  background: url("../images/about/lists_icon2.png") no-repeat;
  background-size: 100% 100%;
}
.lists li:nth-child(3)::after {
  top: 0.27rem;
  width: 0.33rem;
  height: 0.35rem;
  background: url("../images/about/lists_icon3.png") no-repeat;
  background-size: 100% 100%;
}