.page-common-wrapper {
  width: 1400px;
  margin: 0 auto;
}

/* 办事服务页面样式 */
.handle-service-wrapper {
  background: #f5f8fa;
  font-family: Source Han Sans;
  min-height: 100vh;
}

.top-part {
  width: 100%;
  margin: 0 auto;
  /* width: 1920px; */
  height: 300px;
  background-image: url("../images/iWantLook/technologyIndustryInnovativeIntegration-banner.png");
  /* background-size: 100% 100%; */
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position-y: -140px;
}

.top-part .top-part-content {
  /* height: 423px; */
  max-width: 1400px;
  margin: 0 auto;
  padding-top: 72px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.top-part .top-part-content .top-part-title {
  font-family: Alimama ShuHeiTi;
  font-size: 48px;
  font-weight: bold;
  line-height: 64px;
  text-align: center;
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #FFFFFF;
  text-align: center;
  width: 100%;
}

.top-part .top-part-content .top-part-text {
  font-family: Source Han Sans;
  font-size: 28px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #FFFFFF;
  margin-top: 16px;
}

.service-introduction-wrapper {
  width: 100%;
  background-image: url("../images/iWantLook/service-introduction-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 64px 0px;
}

.service-introduction-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 36px;

}

.service-introduction-desc {
  font-family: Source Han Sans;
  font-size: 20px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #3D3D3D;
  margin-top: 48px;
}

.service-introduction-list {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 64px
}




.service-introduction-list>img {
  width: 668px;
  height: 400px;
}

.technology-transfer-wrapper {
  width: 100%;
  height: 160px;
  display: flex;
  gap: 200px;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* background-image: url("../images/iWantLook/technology-transfer-bg.png"); */
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.technology-transfer-wrapper #video-bg {
  position: absolute;
  /* width: 1440px; */
  width: 100%;
  height: 100%;
  /* height: 160px; */
  margin: 0 auto;
  object-fit: cover;
  z-index: 1;

}



.technology-transfer-title {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.technology-transfer-title>div:nth-child(1) {
  font-family: Alimama ShuHeiTi;
  font-size: 40px;
  font-weight: bold;
  line-height: normal;
  text-align: center;
  letter-spacing: 0.05em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #FFFFFF;
}

.technology-transfer-title>div:nth-child(2) {
  font-family: Source Han Sans;
  font-size: 24px;
  font-weight: bold;
  line-height: normal;
  text-align: center;
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #FFFFFF;
}

.technology-transfer-in {
  position: relative;
  z-index: 2;
  width: 256px;
  height: 80px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 64px;
  gap: 10px;

  background: #FF8C00;
  font-family: Source Han Sans;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #FFFFFF;
}

.service-content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 64px 0px;
}

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

.service-content-list {
  margin-top: 48px;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

.service-content-list-card {
  width: 445px;
  height: 293px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 58px 32px;
  gap: 32px;
  flex-grow: 1;
  align-self: stretch;

  background-image: url("../images/iWantLook/service-content-list-card-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;

  box-sizing: border-box;
  border: 1px solid #E0EDF6;
}

.service-content-list-card-top {
  display: flex;
  gap: 24px;
}

.service-content-list-card-top>div:nth-child(2) {
  width: calc(100% - 104px);
  font-family: Source Han Sans;
  font-size: 24px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #333333;
}

.service-content-list-card-top .card-img-box {
  width: 80px;
  height: 80px;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;

}

.service-content-list-card-top .card-img-box img {
  width: 56px;
  height: 56px;
}

.service-content-list .service-content-list-card:nth-child(1) .service-content-list-card-top .card-img-box {
  background: #5AB7E5;
}

.service-content-list .service-content-list-card:nth-child(2) .service-content-list-card-top .card-img-box {
  background: #3F99ED;
}

.service-content-list .service-content-list-card:nth-child(3) .service-content-list-card-top .card-img-box {
  background: #E7A469
}

.service-content-list .service-content-list-card:nth-child(4) .service-content-list-card-top .card-img-box {
  background: #AE93D8
}

.service-content-list .service-content-list-card:nth-child(5) .service-content-list-card-top .card-img-box {
  background: #6588E7
}

.service-content-list .service-content-list-card:nth-child(6) .service-content-list-card-top .card-img-box {
  background: #0BC2C2
}


.service-content-list-card-bottom {
  font-family: Source Han Sans;
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #666666;
}

.footer-contact-number {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 80px;
  height: 120px;
  width: 100%;
  background: #FFFFFF;

  box-shadow: 8px 2px 24px 0px rgba(55, 60, 67, 0.2);
}

.contact-number-left-wrapper,
.contact-number-right-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-number-icon {
  margin-right: 16px;
}

.contact-number-label {
  font-family: Source Han Sans;
  font-size: 28px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #333333;



}

.contact-number-value {
  font-family: Source Han Sans;
  font-size: 28px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;

  color: #E95606;
}

.contact-number-btn {
  width: 274px;
  height: 45px;
  border-radius: 4px;
  opacity: 1;

  /* 自动布局 */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px 32px;
  gap: 10px;

  background: #056DCE;
  font-family: Source Han Sans;
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0em;

  font-variation-settings: "opsz" auto;
  font-feature-settings: "kern" on;
  color: #FFFFFF;
  cursor: pointer;
}