* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  background-color: #fff;
}
.boldBlack{
font-size: 20px;
color:#333;
}
.colorOrange{
color:#f4921e;
}
/* 头部样式 */
.pdjcBanner img{
display: block;
width:100%;
}
/* 内容 */
.pdjcConSummary,.pdjcSteps{
width:1000px;
margin:0 auto;
}
.pdjcSteps{
padding:45px 0;
}
.stepsCon{
background:#f3f4fb;
}
/* summary */
.pdjcConSummary{
padding:30px 20px 0px 20px;
position: relative;
margin-top: -110px;
z-index: 1;
}
.pdjcConSummaryClear{
overflow: hidden;
}
.pdjcConSummary::after{
content:'';
width:106%;
height:96%;
position: absolute;
top:10px;
left:-3%;
background:url("summaryBg.png") 0 0 no-repeat;
background-size:100% 100%;
z-index: -1;
}
.pdjcConSummary .img {
float: right;
shape-outside: polygon(0 0,100% 0,100% 100%, 55% 100%, 55% 55%,0 55%);
overflow:hidden;
}

.pdjcConSummary p { /* 添加此块：文字样式 */
font-size:16px;
line-height: 30px;
text-indent: 2rem;
color:#333;
}
/* 步骤样式 */
.pdjcSteps .step-item {
  margin-bottom: 40px;
}

.pdjcSteps .step-item h2 {
  color: #f4921e;
  font-size: 40px;
  margin-bottom: 20px;
  text-shadow:1px 1px 4px rgba(0, 0, 0, 0.5);
}
.pdjcSteps .step-item h2 span{
font-size:16px;
color:#333;
text-shadow: none;
display:inline-block;
margin-left:15px;
font-weight: normal;
}
.ste01Tit{
display:block;
width:100%;
margin-bottom:45px;
}
.pdjcSteps .step-content{
display: flex;
gap:40px;
justify-content: space-between;
color:#333;
}
.pdjcSteps .step-content img{
max-width:100%;
}
.step01Sec1{
width:45%;
}
.step01Sec1 p{
line-height:25px;
}
.step01Sec1 img{
margin:10px auto;
display: block;
width:50%;
}
.step01Sec2 img,.step01Sec3 img,.pdjcSteps .step02 img{
/* border-radius:30px;
box-shadow:0 0 10px rgba(0, 71, 193, 0.3);
overflow:hidden; */
}
/* 步骤二 */
.pdjcSteps .step02{
flex-shrink:1;
}
/* 步骤三 */
.step-content .step03 img{
margin:0px;
width:auto;
}
.step-content .step3{
width:100%;
height:106px;
padding:25px 20px 70px;
background:url("./step3Bg.png") 0 0 no-repeat;
background-size:100% 100%;
}


/* 邮件申报便利贴 */
@font-face {
  font-family: 'pangmenzhengdao';
  src: url('./pangmenzhengdao.ttf');
  font-weight: normal;
  font-style: normal;
}
.yjsbStepC2 div img,.yjsbStep3Sec1 img,.yjsbStep3B span img,.yjsbStep4C span img,.yjsbStepC .sec2 span img{
  max-width:100%;
}
.colorOrange,.colorOrange a{
  color:#f4921e;
  font-weight: bold;
}
.yjsbConSummary,.yjsbStep{
  width:1000px;
  margin: 0 auto;
}
.yjsbContainer{
  background:#f3f4fb;
}
/* 头部样式 */
.yjsbBanner img{
  display: block;
  width:100%;
}

/* 摘要 */
.yjsbConSummary{
  padding: 20px 70px 40px;
  position: relative;
  margin-top: -50px;
  z-index: 1;
  background:url('summaryBg.png') 0 0 no-repeat;
  font-size:16px;
  color:#333;
  line-height:30px;
  background-size:100% 100%;
}
/* 步骤 */
.yjsbStep{
  padding:45px 0;
}
.yjsbStep .tit{
  font-family: 'pangmenzhengdao';
  font-size:34px;
  color:#3887ff;
  margin-bottom:10px;
}
.yjsbStepC{
  display: flex;
  flex-direction: row-reverse;
}
.yjsbStepCS font{
  display: block;
  text-align: center;
}
.yjsbStepCD{
  flex-grow:2;
}
.yjsbStepC .sec{
  display:flex;
  justify-content: space-between;
  margin-top:10px;
  margin-bottom:22px;
}
.yjsbStepC .sec p{
  display:flex;
}
.yjsbStepC .sec p:first-child{
  flex-grow:2;
}
.yjsbStepC .sec p img{
  margin-right:10px;
}
.yjsbStepC .sec p span,.yjsbStepC .sec p span font{
  display: block;
}
.yjsbStepC .sec p span font:first-child{
  margin-bottom:10px;
}
.yjsbStepC .sec2{
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
}
.yjsbStepC .sec2 span font{
  display: block;
  text-align: center;
}
.yjsbStepC2{
  margin-top:50px;
  display: flex;
  justify-content: space-between;
}
.yjsbStepC2 font{
  display: block;
  text-align: center;
}
/* 主要功能快速上手 */
.yjsbStep2 p{
  line-height:25px;
  text-indent:2rem;
}
.yjsbStep2C{
  margin:20px 0 40px;
  display: flex;
  justify-content: space-between;
}
/* 注意事项 */
.yjsbStep2C2 ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.yjsbStep2C2 ul li{
  width:48%;
  margin-bottom:20px;
  background:#fff;
  border:10px;
  padding:20px 30px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.yjsbStep2C2 ul li span{
  width:50px;
  height:50px;
  display:block;
  background:url("./iconBg.png") 0 0 no-repeat;
  background-size:100% 100%;
  color:#fff;
  font-size:26px;
  font-weight: bold;
  line-height:40px;
  text-align: center;
  position: absolute;
  left:0px;
  top:0px;
}
/* 答疑解惑 */
.yjsbStep3 p{
  line-height:25px;
}
.yjsbStep3C{
  display: flex;
  justify-content: space-between;
  margin:30px 0 60px;
}
.yjsbStep3Sec1 font{
  display: block;
  text-align: center;
  margin-bottom:5px;
}
.yjsbStep3Sec2{
  position:relative;
  width: 48%;
}
.yjsbStep3Sec21{
  display:inline-block;
  padding:20px 70px 10px 20px;
  background:url("./yjSec3Bg.png") 0 0 no-repeat;
  background-size:100% 100%;
  position:absolute;
  left:0px; top:0px;
}
.yjsbStep3Sec21 font{
  display: block;
  margin-bottom:4px;
  font-size:16px;
}
.yjsbStep3Sec22{
  position: absolute;
  left:0px;
  bottom:0px;
}
.yjsbStep3Sec22 font{
  display: block;
  text-align: center;
  margin-bottom:5px;
}
.yjsbStep3Sec23{
  display: inline-block;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.yjsbStep3B{
  display: flex;
  justify-content: space-between;
  gap:30px;
}
.yjsbStep3B>div{
  width:25%;
}
.yjsbStep3B p{
  color:#333;
  line-height:30px;
}
.yjsbStep4{
  padding-top:0px;
}
.yjsbStep4C{
  display: flex;
  justify-content: space-between;
  gap:30px;
}
.yjsbStep4CB{
  text-align: center;
  margin-top:25px;
  line-height:30px;
}
.yjsbStep4CB .btn{
  padding:10px 15px;
  color:#fff;
  font-size:16px;
  background:#ffae68;
  border-radius:5px;
  text-decoration: none;
}
/* 响应式设计 */
@media screen and (max-width: 1000px) {
  .pdjcConSummary,.pdjcSteps{
    width:98%;
  }
  .pdjcSteps{
    padding:20px 0;
  }
  .ste01Tit{
    margin-bottom:20px;
  }
  .pdjcSteps .step-item{
    margin-bottom:0px;
  }
  .pdjcConSummary{
    margin-top:10px;
  }
  .pdjcConSummary p{
    padding-bottom:20px;
  }
  .pdjcSteps .step-content{
    flex-wrap: wrap;
    gap:0;
  }
  .step01Sec1{
    width:100%;
    margin-bottom:10px;
  }
  .pdjcSteps .step-content .step01Sec2,.pdjcSteps .step-content .step01Sec3,.pdjcSteps .step02{
    width:50%;
  }
  /* 邮件申报便利贴 */
  .yjsbConSummary,.yjsbStep{
    width:98%;
  }
  .yjsbStep{
    padding:10px 0;
  }
  .yjsbStep .tit{
    text-align: center;
  }
  .yjsbConSummary{
    margin-top:10px;
  }
  .yjsbStepC .sec p{
    margin-bottom:10px;
  }
  .yjsbStepC .sec2,.yjsbStepC,.yjsbStepC .sec,.yjsbStepC2,.yjsbStep2C,.yjsbStep2C2 ul,.yjsbStep3C,.yjsbStep3B,.yjsbStep4C{
    flex-wrap:wrap;
    gap:0px;
    padding-left:0px;
  }
  .yjsbStepCS,.yjsbStepC .sec p,.yjsbStepC .sec2 span,.yjsbStep3Sec1,.yjsbStep3Sec2,.yjsbStep3B>div{
    width:100%;
    text-align: center;
  }
  .yjsbStep3B span,.yjsbStep4C span,.yjsbStepC .sec2 span,.yjsbStepC2 div{
    width:48%;
    text-align: center;
  }
  .yjsbStepC2 div{
    margin-bottom:10px;
  }
  .yjsbStep3Sec22{
    left:auto;
    right:0px;
  }
  .yjsbStep3Sec23{
    position:static;
  }
  .yjsbStep4C,.yjsbStep3B{
    justify-content: space-around;
  }
  .yjsbStepC .sec p span font{
    text-align: left;
  }

  /* 邮件申报便利贴 */
  .yjsbConSummary,.yjsbStep{
    width:98%;
  }
  .yjsbStep{
    padding:10px 0;
  }
  .yjsbStep .tit{
    text-align: center;
  }
  .yjsbConSummary{
    margin-top:10px;
  }
  .yjsbStepC .sec p{
    margin-bottom:10px;
  }
  .yjsbStepC .sec2,.yjsbStepC,.yjsbStepC .sec,.yjsbStepC2,.yjsbStep2C,.yjsbStep2C2 ul,.yjsbStep3C,.yjsbStep3B,.yjsbStep4C{
    flex-wrap:wrap;
    gap:0px;
    padding-left:0px;
  }
  .yjsbStepCS,.yjsbStepC .sec p,.yjsbStepC .sec2 span,.yjsbStep3Sec1,.yjsbStep3Sec2,.yjsbStep3B>div{
    width:100%;
    text-align: center;
  }
  .yjsbStep3B span,.yjsbStep4C span,.yjsbStepC .sec2 span,.yjsbStepC2 div{
    width:48%;
    text-align: center;
  }
  .yjsbStepC2 div{
    margin-bottom:10px;
  }
  .yjsbStep3Sec22{
    left:auto;
    right:0px;
  }
  .yjsbStep3Sec23{
    position:static;
  }
  .yjsbStep4C,.yjsbStep3B{
    justify-content: space-around;
  }
  .yjsbStepC .sec p span font{
    text-align: left;
  }
}
@media screen and (max-width: 750px){
  .yjsbConSummary{
    padding:20px 30px 40px;
  }
  .yjsbStep3Sec21{
    padding:10px 20px 10px 10px;
  } 
  .yjsbStep3Sec23 {
    width: 100%;
    text-align: right;
    margin-top: 80px;
  }
  .yjsbStep3Sec22{
    position:static;
    display:block;
  }
  .yjsbStepC2 div{
    width:100%;
  }
}