.banner{
  width: 100%; height: 650px; background: url('../img/localReg/banner.jpg') no-repeat center top; background-size: cover;
}
.banner-m{
  display: none;
}

/* 注册企业类型 */
.category-container{
  display: flex; justify-content: space-between; flex-wrap: wrap;
}
.category-left, .category-right{
  width: 48.6%; position: relative;
}
.category-left img,
.category-right img{
  display: block; width: 100%;
}
.category-left{
  display: flex; flex-direction: column; justify-content: space-between;
}
.category-left li{
  position: relative;
}
.category-mask{
  width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; padding: 40px 40px 30px;
}
.category-mask strong{
  border-radius: 40px; background: #2513d1; color: #fff; font-size: 24px; font-weight: bold; line-height: 1; display: inline-block; padding: 8px 12px;
}
.category-mask p{
  font-size: 24px; color: #fff; line-height: 1.5;
}

/* 注册内容 */
.material{
  background: url("../img/localReg/material-bg.jpg") no-repeat center center/cover;
}
.material .title,
.material .sub-title{
  color: #fff;
}
.material-container{
  display: flex; justify-content: space-between; flex-wrap: wrap;
}
.material-item{
  width: 48%; box-sizing: border-box; padding: 25px 30px; background: rgba(255,255,255,.4); margin-bottom: 58px; transition: 0.5s;
}
.material-item-tips{
  display: flex; flex-direction: column; justify-content: space-between; background: url("../img/localReg/material-tips-bg.jpg") no-repeat center center/cover;
}
.material-container .material-item:nth-of-type(5),
.material-container .material-item:nth-of-type(6){
  margin-bottom: 0;
}
.material-item-title{
  display: block; margin-bottom: 40px;
}
.material-item-title strong{
  background: #2513d1; font-size: 24px; font-weight: bold; color: #fff; border-radius: 30px; padding: 8px 12px; display: inline-block; transition: 0.2s;
}
.material-item-list{
  display: flex; justify-content: space-between; flex-wrap: wrap;
}
.material-item-list li{
  width: 49%; margin-bottom: 30px;
}
.material-item-list li:nth-child(1){
  width: 100%; margin-bottom: 10px;
}
.material-item-list li:nth-of-type(6),
.material-item-list li:nth-of-type(7){
  margin-bottom: 0;
}
.material-item-list li h3{
  font-size: 24px; color: #fff; line-height: 1; font-weight: bold; margin-bottom: 10px; padding-left: 35px;
}
.material-item-list li:nth-child(1) h3{
  background: url("../img/localReg/material-icon1.png") no-repeat left center/auto 100%;
}
.material-item-list li:nth-child(2) h3{
  background: url("../img/localReg/material-icon2.png") no-repeat left center/auto 85%;
}
.material-item-list li:nth-child(3) h3{
  background: url("../img/localReg/material-icon3.png") no-repeat left center/auto 90%;
}
.material-item-list li:nth-child(4) h3{
  background: url("../img/localReg/material-icon4.png") no-repeat left center/auto 100%;
}
.material-item-list li:nth-child(5) h3{
  background: url("../img/localReg/material-icon5.png") no-repeat left center/auto 100%;
}
.material-item-list li:nth-child(6) h3{
  background: url("../img/localReg/material-icon6.png") no-repeat left center/auto 85%;
}
.material-item-list li:nth-child(7) h3{
  background: url("../img/localReg/material-icon7.png") no-repeat left center/auto 100%;
}
.material-item-list li p{
  font-size: 12px; color: #fff; line-height: 1.6; height: 60px;
}
.material-item-list li:nth-of-type(6) p,
.material-item-list li:nth-of-type(7) p{
  height: auto;
}
.material-item-tips p{
  font-size: 24px; color: #fff; line-height: 1.8;
}
.material-item:not(.material-item-tips):hover{
  background: #2513d1;
}
.material-item:not(.material-item-tips):hover .material-item-title strong{
  background: #fff; color: #2513d1;
}

@media (max-width: 1536px) {
  .banner{
    height: 590px;
  }
}
@media (max-width: 1440px) {
  .banner{
    height: 500px;
  }
}
@media (max-width: 1366px) {
  .category-mask p{
    font-size: 20px;
  }
  .material-item{
    padding: 20px;
  }
}
@media (max-width: 1024px) {
  .banner{
    height: 330px;
  }
  .category-mask{
    padding: 20px;
  }
  .category-mask strong{
    font-size: 20px;
  }
  .category-mask p{
    font-size: 18px;
  }
  .material-item{
    width: 49%; margin-bottom: 15px;
  }
  .material-item-list li p{
    height: 75px;
  }
  .material-item-tips p{
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .banner{
    height: 300px;
  }
  .category-mask p{
    font-size: 16px;
  }
  .material-item-tips p{
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .banner{
    height: auto; background: none;
  }
  .banner-m{
    display: block; width: 100%;
  }
  .category-left, .category-right{
    width: 100%;
  }
  .category-left li{
    margin-bottom: .3rem;
  }
  .category-mask{
    padding: .3rem;
  }
  .category-mask>div{
    display: flex;
  }
  .category-mask strong{
    font-size: .32rem; padding: .15rem .24rem;
  }
  .category-mask p{
    font-size: .28rem;
  }

  .material-item{
    width: 100%; padding: .3rem;
  }
  .material-item-title{
    display: flex; margin-bottom: .5rem;
  }
  .material-item-title strong{
    font-size: .32rem; padding: .15rem .24rem;
  }
  .material-item-list li{
    margin-bottom: .3rem;
  }
  .material-item-list li:nth-child(1){
    margin-bottom: .2rem;
  }
  .material-container .material-item:nth-of-type(5){
    margin-bottom: .3rem;
  }
  .material-item-list li h3{
    font-size: .32rem; padding-left: .4rem; margin-bottom: .2rem;
  }
  .material-item-list li p{
    font-size: .24rem; height: auto
  }
  .material-item-tips p{
    font-size: .28rem; line-height: 1.5;
  }
}