.wrapper {
  position: relative;
}

.wrapper .container {
  position: absolute;
  bottom: -5%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.7);
  padding: 50px;
  display: flex;
  width: 70%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.title-container {
  display: flex;
  align-items: center;
}



.wrapper .left-section {
  width: 250px;
  color: white;
  margin-right: 20px;

}

.wrapper .eb5-title {
  color: white;
  padding: 5px 30px;
  font-size: 20px;
  margin-bottom: 10px;
  background: linear-gradient(253deg, #163366 0%, #1C2C8B 100%);
  border-radius: 3px;
  opacity: 0.92;
}

.wrapper .project-title {
  padding: 10px;
  font-size: 20px;
  margin-bottom: 10px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 25px;
  color: #FFFFFF;
  line-height: 25px;
  text-align: left;
  font-style: normal;

  opacity: 0.84;
}

.wrapper .right-section {
  flex: 1;
  padding: 0 30px;
  color: white;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.84;
}

.wrapper .right-section .eb5-description {

  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 30px;
  text-align: left;
  font-style: normal;
}
.wrapper .right-section .eb5-more {

  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  margin-top: 30px;
  line-height: 20px;
  color: #FFF000;
 
}
.left-section .eb5-description{
  font-family: ShreeDev0714, ShreeDev0714;
  font-weight: normal;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 12px;
  text-align: left;
  font-style: italic;
  opacity: 0.85;
}
.risk-warning {
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: white;
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 15px;
  color: #FFFFFF;
  line-height: 12px;
  letter-spacing: 2px;
  text-align: left;
  font-style: normal;
  opacity: 0.46;
}

/* --------------------------img1---------------------------------- */


.wrapper {
  position: relative;
}

.container_img1 {
  position: absolute;
  top: 20px;
  right: 15%;

  padding: 20px;
}

.container_img1 .title {

  margin-bottom: 10px;
  font-family: AlibabaPuHuiTi_3_95_ExtraBold;
  font-size: 2.2vw;
  right: 10%;
  color: #FFFFFF;
  line-height: 39px;
  font-weight: 600;
  text-align: right;
  font-style: normal;
}

.container_img1 .subtitle {
  font-size: 1.5vw;
  color: #666;
  margin-bottom: 20px;
  font-family: ShreeDev0714, ShreeDev0714;
  font-weight: normal;

  color: #FFFFFF;
  line-height: 25px;
  text-align: right;
  font-style: italic;
}

.container_img1 .target-grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.container_img1 .target-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}


.container_img1 .number-container .number {
  position: absolute;
  color: yellow;
  justify-content: center;
  align-items: center;
  left: 7%;
  opacity: 0.35;
  font-size: 7.5rem;
  font-weight: bold;

}


.container_img1 .number-container {
  width: 40%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 6vw;
  /* 可根据实际需要调整容器的高度 */
  position: relative;
  /* 作为绝对定位的父元素 */
}

.container_img1 .number-container .number-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  /* 让.number-wrapper 占据.number-container 的剩余空间 */
}



.container_img1 .number-container .title {
  margin: 0;
  font-size: 1.2vw;
  color: #000;
  margin-bottom: 20px;
  text-align: center;

  /* 可根据实际需要调整标题的字体大小 */
  position: absolute;
  width: 100%;
  top: 50%;
  /* 相对于.number-container 垂直居中 */
  left: 50%;
  /* 相对于.number-container 水平居中 */
  transform: translate(-50%, -50%);
  /* 调整位置使其真正居中 */
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;

  color: #000000;
  line-height: 23px;
  text-align: left;
  font-style: normal;
}

.container_img1 .number-container .title_left {
  margin: 0;
  font-size: 1.2vw;
  color: #000;
  margin-bottom: 20px;
  text-align: center;

  /* 可根据实际需要调整标题的字体大小 */
  position: absolute;
  width: 100%;
  top: 50%;
  /* 相对于.number-container 垂直居中 */
  left: 50%;
  /* 相对于.number-container 水平居中 */
  transform: translate(-50%, -50%);
  /* 调整位置使其真正居中 */
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;

  color: #fff;
  line-height: 23px;
  text-align: left;
  font-style: normal;
}

.content-container {
  width: 100%;
  /* 这里可以添加其他样式，例如设置内边距、边框等 */
}

.container_img1 .description {
  margin: 0px 10rem 0 0;
}

.container_img1 .description_left {
  margin: 0px 10rem 0 0;
  color: #fff;

}

/* -----------------img2------------------------*/


.container_img2 {
  position: absolute;
  top: 20px;
  left: 15%;
  width: 50%;
  padding: 20px;
}

.container_img2 .title {

  margin-bottom: 10px;
  font-family: AlibabaPuHuiTi_3_95_ExtraBold;
  font-size: 2.2vw;
  right: 10%;
  color: #000;
  font-weight: 600;
  line-height: 39px;
  text-align: left;
  font-style: normal;
}

.container_img2 .subtitle {
  font-size: 1.5vw;
  color: #666;
  margin-bottom: 20px;
  font-family: ShreeDev0714, ShreeDev0714;
  font-weight: normal;
  font-size: 17px;
  color: #000000;
  line-height: 25px;
  text-align: left;
  font-style: italic;
  opacity: 0.67;
}

.container_img2 .target-grid {
  display: grid;
  width: 100%;
  margin: 50px 0 0 50px;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.container_img2 .target-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}


.container_img2 .item {
  display: flex;
  align-items: center;
 
  color: white;
  border-radius: 5px;

  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.container_img2 .item .number-container {
  width: 42px;
  height: 41px;
  background: linear-gradient( 40deg, #FFF000 0%, #FF8717 100%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;

  margin-right: -20px;
  z-index: 2;
}

.container_img2 .item .number {
  font-size: 18px;
  font-weight: bold;
}

.container_img2 .item .text-container {
  background: linear-gradient(196deg, #163065 0%, #3D4553 100%);
  border-radius: 1px 56px 56px 1px;

  padding: 4px 35px 4px 30px;
}

.container_img2 .item .text-container .text {
  font-size: 22px;

}

.container_img2 .item .content-container {
  width: 100%;

  /* 这里可以添加其他样式，例如设置内边距、边框等 */
}

.container_img2 .description {
  margin: 0px 0px 0 0;
  font-family: NotoSansHans, NotoSansHans;
  font-weight: 600;
  font-size: 15px;
  margin-left: 20px;
  color: #000000;
  line-height: 22px;
  text-align: left;
  font-style: normal;
}

.container_img2 .description_left {
  margin: 0px 10rem 0 0;
  color: #fff;

}

/* --------------application-------------------- */

.application .subtitle{
  font-family: ShreeDev0714, ShreeDev0714;
font-weight: normal;
font-size: 17px;
color: #FFFFFF;
line-height: 25px;
text-align: left;
font-style: italic;
opacity: 0.67;
}

.application .d1{
    font-size: 20px;
    font-weight: bold;
  
    color: #FFDC00;
}
.application button {
  background: -webkit-linear-gradient(194deg, #FFC54E 0%, #FFE497 100%);
  background: linear-gradient( 194deg, #FFC54E 0%, #FFE497 100%);
  color: black;
  height: 35px;
  width: 200px;
  line-height: 35px;
  font-weight: bold;
}
#underline {
  height: 3px;
  background-color: #FFDC00;
  width: 80px;
  margin-top: -2px;

  position: absolute;
}

.application .d1 .d1desc{
  margin-left:15px;
  margin-bottom: 10px;
}

.application .requirement-list {
  color: #fff;
  list-style-type: initial; /* 使用十进制数字作为列表项标记 */
  padding-left: 20px; /* 给列表项左侧添加一些内边距，使数字不紧贴边缘 */
  font-size: 14px; /* 设置列表字体大小 */
}

.application .requirement-list li {
  margin-bottom: 10px; /* 设置列表项之间的底部外边距，增加间距 */
}
.application .eb5-more {

  font-family: PingFangSC, PingFang SC;
  font-weight: 400;

  margin-top: 20px;
  line-height: 20px;
  color: #FFF000;
 
}
/* ------------process */

.process .title {
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.process .subtitle {
  font-size: 1.5vw;
  
}
/* ------------project */

.project{
  margin-top: 10rem;
}
.project .title {

  left: 50%;
  transform: translate(-50%, -50%);
}
.project .grid-divider {
  border-left: 1px dashed white;
  height: 100%;
  width: 0;
  grid-column: 2/3; /* 调整分隔线占用的网格列数 */
}
.project .grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 20px;
  color: white;
  bottom: 10px;
  width: 70%;
  left: 50%;
  
  
  transform: translate(-50%, -20%);
}

.project .grid-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 220px;
}

.project .grid-item img {

  height: 50px;
  margin-bottom: 10px;
}

.project .grid-item h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: NotoSansHans, NotoSansHans;
  font-weight: bold;
  font-size: 28px;
  color: #FFFFFF;
  line-height: 30px;
  text-shadow: 0px 1px 3px #2D2D2D;
  text-align: center;
  font-style: normal;
}

.project .grid-item p {

  margin-bottom: 5px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 17px;
  color: #FFFFFF;
  line-height: 28px;
  text-shadow: 0px 1px 3px #2D2D2D;
  text-align: center;
  font-style: normal;
}

.project .grid-item small {
  font-size: 12px;
  color: #FFE900 ;
}
/* 使用伪元素 ::before 来添加虚线网格线 */
.project .grid-item1::before,
.project .grid-item2::after, 
.project .grid-item3::after {
    content: '';
    position: absolute;
    top: 30%;
    height: 40%;
    bottom: 0;
    border-left: 1px dashed #ccc;
    opacity: 0.33;
}

.project .grid-item1::before {
    left: 22%;
}

.project .grid-item2::after {
    left: 48%;
}
.project .grid-item3::after {
  left: 72%;
}
/*  */

.qusition .icon {
  width: 40px;
}

.input-wrapper {
  display: flex;
  align-items: center;
  padding: 0;
  /* 去除边距 */
  border-radius: 40px;
  background-color: white;

}

.input-wrapper label {
  background-color: rgba(47, 79, 135, 1);
  color: white;
  width: 6rem;
  text-align: center;
  margin: auto;
  padding: 5px 10px;
  height: 35px;
  border-radius: 40px;
  font-weight: bold;
  font-size: 1.0rem;
}
.input-wrapper .label2 {
  background-color: rgba(47, 79, 135, 1);
  color: white;
  width: 10rem;
  text-align: center;
  margin: auto;
  padding: 5px 5px;
  height: 35px;
  border-radius: 40px;
  font-weight: bold;
  font-size: 1.0rem;
}
.input-wrapper input {
  flex: 1;

  border: none;
  background-color: transparent;
  outline: none;
  font-size: 1rem;
}
.name-mobile-address {

}
.name-mobile-address button {
  background: linear-gradient( 194deg, #FFC54E 0%, #FFE497 100%);
  color: black;
  height: 35px;
  line-height: 35px;
  font-weight: bold;
}

.bg-no-repeat .desc{
  color: rgb(0, 0, 0);
  padding-left: 10px;
}

.custom-select {

  background-position: right 10px center; /* 调整箭头图标的位置 */
  background-size: 15px; /* 调整箭头图标的大小 */
  padding-right: 20px; /* 为箭头图标留出空间 */
  width: 70%;
  height: 30px; /* 自定义高度 */
}
.nameaddressform {
  height: 200px;
}