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

.militiaman-group {
  text-align: center;
  padding: 6.375rem;
  background: #FFFFFF;
}

.group-content {
  margin-top: 3.125rem;
  display: flex;
  padding: 0 0 0 13.75rem;
  position: relative;
  width: 108.4375rem;
}

.group-left {
  width: 48rem;
}

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

.group-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;
}

.group-left-content {
  margin-top: 3.75rem;
}

.group-left-content-items {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.75rem;
}

.shuxian {
width: 0.25rem;
height: 1.5625rem;
background: linear-gradient( 270deg, #DC4F5B 0%, #B7272E 100%);
border-radius: 0.1875rem;
margin-right: 0.9375rem;
}

.group-left-content-item > div:first-child {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;

}

.group-left-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;
}

.group-left-content-item p {
  width: 17.5rem;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 1.25rem;
  color: #808080;
  line-height: 1.75rem;
  text-align: left;
  font-style: normal;
}

.group-right {
  margin-left: 2.5rem;
  position: relative;
  background-color: transparent; /* 设置背景颜色为透明 */
}

.group-right img {
  width: 51.25rem;
  height: 34.6875rem;
}

.background {
  background: url('../img/militiaman/danganxing.png');
  background-size: cover;
  z-index: 1;
  position: absolute;
  width: 63.0625rem;
  height: 63.0625rem;
  top: -21.875rem;
  right: -4.375rem;
}

.militiaman-train {
  text-align: center;
  padding: 2.8125rem 0 0 0;
  background: url('../img/militiaman/xunlianbeijing.png');
  background-size: 100% 100%;
}

.train-content {
  margin-top: 3.75rem;
  /* padding: 0 13.75rem; */
  width: 92.5rem;
  margin: 0 auto;
}

.train-items {
  display: flex;
  justify-content: space-between;
  padding-bottom: 3.125rem;
}

.train-item {
width: 28.75rem;
height: 29rem;
background: #FFFFFF;
box-shadow: 0rem 1.25rem 2.5rem 0rem rgba(183,39,46,0.15);
border-radius: 0.5rem;
text-align: center;
padding: 1.25rem 0.6875rem;
}

.train-item2 {
  width: 28.75rem;
height: 29rem;
background: linear-gradient( 180deg, #DC4F5B 0%, #B7272E 100%);
box-shadow: 0rem 1.25rem 2.5rem 0rem rgba(183,39,46,0.15);
border-radius: 0.5rem;
text-align: center;
padding: 1.25rem 1rem;
}

.train-item-img {
  width: 27.375rem;
height: 13.625rem;
background: #FFFFFF;
/* border-radius: 0.5rem; */
border-radius: 0.9375rem;
/* border: 8px solid; */
border: solid 0.5625rem transparent;
background-image: linear-gradient(#fff, #fff),
linear-gradient(180deg, rgba(220, 79, 91, 1), rgba(183, 39, 46, 1));
background-origin: border-box;
background-clip: content-box, border-box;
display: flex;
align-items: center;
justify-content: center;
/* clip-path: inset(0 round 10px); */
}

.tu1 {
  width: 21.3125rem;
  height: 10.8125rem;
}

.train-item2-img {
  width: 26.75rem;
height: 13rem;
background: #FFFFFF;
border-radius: 0.5rem;
border: solid 0.5rem transparent;
background-image: linear-gradient(#fff, #fff),
linear-gradient(180deg, rgba(255, 239, 226, 1), rgba(255, 182, 118, 1));
background-origin: border-box;
background-clip: content-box, border-box;
display: flex;
align-items: center;
justify-content: center;
}

.tu2 {
  width: 18.75rem;
  height: 12rem;
}

.tu3 {
  width: 19.9375rem;
  height: 11.75rem;
}

.tu4 {
  width: 21.25rem;
  height: 12rem;
}

.tu5 {
  width: 20.4375rem;
  height: 12.0625rem;
}

.tuu6 {
  width: 23.25rem;
  height: 12rem;
}

.train-item h3 {
  margin: 3.125rem 0 1.25rem 0;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 1.5rem;
color: #B7272E;
line-height: 2.0625rem;
font-style: normal;
}

.train-item2 h3 {
  margin: 3.125rem 0 1.25rem 0;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 1.5rem;
color: #FED8B7;
line-height: 2.0625rem;
font-style: normal;
}

.train-item p {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 1.125rem;
color: #302929;
line-height: 1.5625rem;
font-style: normal;
margin: 0 2.5rem 2.5rem 2.5rem ;
}

.train-item2 p {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 1.125rem;
color: #FFFFFF;
line-height: 1.5625rem;
font-style: normal;
margin: 0 2.5rem 2.5rem 2.5rem ;
}

.militiaman-prepare {
  text-align: center;
  padding: 3rem 0 0 0 ;
  background: #FFFFFF;
}

.prepare-content {
  display: flex;
  justify-content: space-between;
  padding: 3.125rem 0 5.875rem 0;
  width: 92.5rem;
  margin: 0 auto;
}

.prepare-left {
  background: url('../img/militiaman/renyuanbeiqing.png');
  background-size: cover;
  padding: 5rem;

  width: 45rem ;

}

.prepare-right {
  background: url('../img/militiaman/wuzibeiqing.png');
  background-size: cover;
  padding: 5rem;

  width: 45rem ;
}

.prepare-left h3,.prepare-right h3 {
margin-bottom: 3.3125rem;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 2rem;
color: #302929;
line-height: 2.8125rem;
font-style: normal;
text-align: left;
}

.prepare-left-item {
  margin-bottom: 1.25rem;
  display: flex;
  text-align: left;
  font-size: 1.125rem;
}



.prepare-left-item img {
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 1rem;
} 

.prepare-right-img {
  width: 17.5625rem;
  height: 2.125rem;
}

.militiaman-banner-text {
  padding-top: 28.5625rem;
  text-align: center;
}


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

/* 渐变文字层 */
.militiaman-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;
}

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

/* 渐变文字层 */
.militiaman-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;
}

.militiaman-banner-text button {
  padding: 0;
  width: 13.75rem;
height: 3.125rem;
background: linear-gradient( 142deg, rgba(255,255,255,0.21) 0%, #FFFFFF 60%);
border-radius: 0.25rem;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 1.5rem;
color: #B7272E;
text-align: center;
font-style: normal;
margin-top: 8.8125rem;
}
.militiaman-banner-text button:hover {
box-shadow: 0px 0px 10px 0px rgba(255, 93, 100, 0.5);
}
@media screen and (min-width: 1921px) {
  .group-content {
    max-width: 1735px;
    margin-left:  calc((100vw - 1920px) * 0.51); 
    
  }

  .train-content {
    max-width: 1480px;

  }

  .prepare-content {

    max-width: 1480px;
 
  }

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

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

  .militiaman-banner-text button {
    margin-top: calc(8.8125rem + ((100vw - 1920px) * 0.25));
  }
  
}