.potential-banner {
  background: url('../img/potential/renwuqianlibanner.png');
  /* background-size: 100% 100%; */
  height: 54.375rem;
  background-size: cover;
  /* text-align: right; */
  background-position: center;
  position: relative; /* 为了添加占位符 */
}

.potential-conscription {
  text-align: center;
  padding: 4.75rem 0 0 0;
  height: 49.5625rem;
  background: url('../img/potential/zhengbinqianlibeijing.png') no-repeat center center;
  ;
  background-size: 100% 100%;
  /* 背景图片完整显示 */
}

.default-header {
  z-index: 9999;
}

.alt-header {
  opacity: 0;
  background: #fff;
  z-index: 9998;
  /* 初始时隐藏 */
}

.alt-header .logo .nav-list a {
  color: #302929;
}


.conscription-content {
  text-align: left;
  display: flex;
}

.conscription-item h3 {
  width: 7.875rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 1.125rem;
  color: #302929;
  line-height: 1.5625rem;
  text-align: left;
  font-style: normal;
}


.conscription-item div {
  width: 1.5625rem;
  height: 0.25rem;
  margin: 0.625rem 0 1.25rem 0;
  background: linear-gradient(270deg, #DC4F5B 0%, #B7272E 100%);
  border-radius: 0.1875rem;
}

.conscription-item p {
  width: 13.0625rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #302929;
  line-height: 1.25rem;
  text-align: left;
  font-style: normal;
}

.conscription-item1 {
  margin-top: 4%;
  margin-left: 14%;
}

.conscription-item2 {
  margin-top: 8%;
  margin-left: 4.5%;
}

.conscription-item3 {
  margin-top: 4%;
  margin-left: 4.5%;
}

.conscription-item4 {
  margin-top: 7%;
  margin-left: 4.5%;
}

.conscription-item5 {
  margin-top: 4%;
  margin-left: 4.5%;
}

.potential-enterprise {
  background: url('../img/potential/qiyeqianlibeijing.png');
  background-size: 100% 100%;
  background-size: cover;
  padding: 3rem 0 4rem 0;

  text-align: center;
  /* height: 56.25rem; */
}

.enterprise-content {
  margin-top: 6.375rem;
}

.enterprise-content-top {
  display: flex;
  justify-content: space-between;
  padding: 0 11.125rem 0 13.75rem;
}

.enterprise-content-top-left {
  text-align: left;

}

.enterprise-content-top-left h3 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 3rem;
  color: #302929;
  line-height: 4.1875rem;
  font-style: normal;
  margin-bottom: 1.25rem;
}

.enterprise-content-top-left p {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 1.125rem;
  color: #302929;
  line-height: 1.5625rem;
  text-align: left;
  font-style: normal;
  margin-bottom: 3.75rem;
}

.enterprise-content-top-left div {
  width: 1.5625rem;
  height: 0.25rem;
  background: linear-gradient(270deg, #DC4F5B 0%, #B7272E 100%);
  border-radius: 0.1875rem;
}

.enterprise-content-top-right img{
  width: 63.75rem;
  height: 34.8125rem;
}

.enterprise-content-bottom {
  display: flex;
  justify-content: space-between;
  padding: 0 13.75rem;
}

.enterprise-content-bottom-item {
  text-align: left;
}

.enterprise-content-bottom-item div {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}

.enterprise-content-bottom-item h4 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 1.5rem;
  color: #302929;
  line-height: 2.0625rem;
  text-align: left;
  font-style: normal;
  margin-left: 1.25rem;
}

.enterprise-content-bottom-item p {
  width: 21.25rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.875rem;
  color: #302929;
  line-height: 1.25rem;
  text-align: left;
  font-style: normal;
}

.enterprise-content-bottom-item img {
  width: 2.625rem;
  height: 2.625rem;
}

.potential-militia {
  position: relative;
  text-align: center;
  padding: 3rem 13.75rem 6.25rem 13.75rem;
  background: linear-gradient( 180deg, #FFFFFF 0%, #FFEFE1 100%);
}

.junuren {
  position: absolute;
  top: 2.375rem;
  right: 15.125rem;
}

.junuren img {
  width: 13.5rem;
  height: 13.5rem;
}

.militia-content {
  margin-top: 4.625rem ; 
}

.militia-content-items {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}

.militia-content-item{
width: 21.875rem;
height: 12.5rem;
background: rgba(255,255,255,0.4);
border: 0.0625rem solid #FED8B7;
padding: 2.5rem 1.25rem;
}

.militia-content-item > div {
  display: flex;
}

.fuhao img{
  width: 1.375rem;
  height: 1.25rem;
  color: #B7272E;
}

.militia-content-item h4 {
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 1.5rem;
color: #302929;
line-height: 2.0625rem;
text-align: left;
font-style: normal;
margin-bottom: 1.25rem;
margin-left: 1.125rem;
}

.militia-content-item p {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 0.875rem;
color: #302929;
line-height: 1.25rem;
text-align: left;
font-style: normal;
}

.potential-bigscreen {
  text-align: center;
  padding: 3rem 0 7.125rem 0 ;
  background: url('../img/potential/qianlishujudaping.png');
  background-size: 100% 100%;
}

.potential-bigscreen .common-title {
  color: #FFFFFF;
}

.bigscreen-content {
  display: flex;
  margin-top: 5.625rem;
  padding: 7.5rem 16.875rem 13.125rem 16.875rem;
  background: url('../img/potential/qianlishujudapingkuang.png')  no-repeat center center;
  background-size: 100% auto;
}

.bigscreen-content-item {
  margin-right: 5.8125rem;
}

.bigscreen-content-item img {

  width: 3.25rem;
  height: 3.25rem;
}

.left img{
  margin-bottom: 3.25rem;
  margin-left: 5rem;
}

.bigscreen-content-item h4 {
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 1.625rem;
color: #FED8B7;
line-height: 2.3125rem;
text-align: center;
font-style: normal;
}

.bigscreen-content-item div {
  width: 3.75rem;
height: 0.25rem;
background: linear-gradient( 270deg, #FFEEDC 0%, #FED8B7 100%);
border-radius: 0.25rem;
margin: 1.25rem 0 1.875rem 2.9375rem;
}

.bigscreen-content-item p {
width: 10.5rem;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 1.125rem;
color: #FFFFFF;
line-height: 1.5625rem;
font-style: normal;
}

.middle{
  margin-left: 2.5rem;
}

.middle img{
  margin-right: 5.9375rem;
  margin-bottom: 3.25rem;
  margin-left: 6.25rem;
}

.middle h4{
  margin-left: 0.75rem;
}

.middle div{
  margin-left: 6.25rem;
}

.middle p{
  width: 15.875rem;
  padding-left: 1.25rem;
}

.right {
  margin-left: 3.125rem;
  text-align: left;
}

.right img{
  margin-bottom: 3.25rem;
  margin-left: 1.25rem;
}

.last {
  margin: none;
  text-align: left;
}

.last img{
  margin-bottom: 3.25rem;
  margin-left: 1.25rem;
}

/* .last h4{
  margin-left: 30px;
} */

.last div{
  margin-left: 3.125rem;
}



.right div{
  margin-left: 3.125rem;
}

.button-box {
  display: inline-block;
  width: 13.75rem;
  height: 3.75rem;
  background: #FED8B7;
  box-shadow: 0rem 0.3125rem 0.625rem 0rem rgba(143,34,39,0.3);
  border-radius: 1.875rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 1.5rem;
  color: #B7272E;
  line-height: 3.75rem;
  font-style: normal;
}


.potential-banner-text {
  text-align: center;
  padding-top: 27.1875rem;
}

.potential-banner-text h1{
  position: relative;
  font-family: FZZDHJW--GB1, sans-serif;
  font-weight: normal;
  font-size: 5rem;
  text-align: center;
  font-style: normal;
}

.potential-banner-text h1::before {
  content: "人武潜力数据系统";
  position: absolute;
  margin: 0 auto;
  z-index: 2;
  color: transparent;
  background: linear-gradient(45.48227628471054deg, #B7272E 0%, #FF5D64 34%, #B7272E 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.potential-banner-text p{
  position: relative;
  font-family: FZZDHJW--GB1, sans-serif;
  font-weight: normal;
  font-size: 1.875rem;
  text-align: center;
  font-style: normal;
}

/* 渐变文字层 */
.potential-banner-text p::before {
  content: "征兵潜力系统｜企业潜力系统｜民兵潜力系统｜潜力数据大屏";
  position: absolute;
  margin: 0 auto;
  z-index: 2;
  color: transparent;
  background: linear-gradient(45.48227628471054deg, #B7272E 0%, #FF5D64 34%, #B7272E 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.potential-banner-text button {
  padding: 0;
  width: 13.75rem;
height: 3.125rem;
background: linear-gradient( 142deg, rgba(183,39,46,0.21) 0%, #B7272E 60%);
border-radius: 0.25rem;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 1.5rem;
color: #FFFFFF;

text-align: center;
font-style: normal;
margin-top: 2.4375rem;
}

.potential-banner-text button:hover {
  box-shadow: 0px 0px 10px 0px rgba(255, 93, 100, 0.5);
}

@media screen and (min-width: 1921px) {
  .conscription-item1 {
    margin-top: 4.7998rem;
    margin-left: calc(16.8rem + ((100vw - 1920px) * 0.15)); 
  }

  .conscription-item2 {
    margin-top: calc(9.5947rem); 
    margin-left: calc(5.375rem + ((100vw - 1920px) * 0.15)); 
  } 

  .conscription-item3 {
    margin-top: 4.8rem;
    margin-left: calc(5.3994rem + ((100vw - 1920px) * 0.15)); 
  }

  .conscription-item4 {
    margin-top: 8.4rem;
    margin-left: calc(5.4rem + ((100vw - 1920px) * 0.15)); 
  }

  .conscription-item5 {
    margin-top: 4.8rem;
    margin-left: calc(5.4rem + ((100vw - 1920px) * 0.15)); 
  }

  .enterprise-content-top {
    padding-left: calc(13.75rem + ((100vw - 1920px) * 0.5)); 
    padding-right: calc(11.125rem + ((100vw - 1920px) * 0.5)); 
  }

  .enterprise-content-bottom  {
    padding-left: calc(13.75rem + ((100vw - 1920px) * 0.5)); 
    padding-right: calc(11.125rem + ((100vw - 1920px) * 0.5)); 
  }

  .potential-militia {
    padding: 3rem calc(13.75rem + ((100vw - 1920px) * 0.5)) 6.25rem calc(13.75rem + ((100vw - 1920px) * 0.5)); 
  }

  .bigscreen-content {
    background-size: 1920px auto;
    padding: 7.5rem calc(16.875rem + ((100vw - 1920px) * 0.5)) 13.125rem calc(16.875rem + ((100vw - 1920px) * 0.5));
  }

  .potential-banner {
    height: calc(54.375rem + ((100vw - 1920px) * 0.51));
    
  }

  .potential-banner-text {
    padding-top: calc(27.1875rem + ((100vw - 1920px) * 0.25));
  }

  .potential-banner-text button {
    margin-top: calc(2.4375rem + ((100vw - 1920px) * 0.1));
  }
}