@charset "UTF-8";
/**!
 * 一证多址首页
 * date:2022-03-28
 * author: zh;
 */
body {
  min-width: 1200px;
  max-width:1920px;
  margin:0 auto;
}

.container {
  width: 1200px;
  margin: 0 auto;
}

.banner {
  height: 296px;
  background: url("../images/banner.png") no-repeat;
  padding: 68px 0 0 0;
}

.banner-title {
  width: 1200px;
  margin:0 auto;
  font-size: 40px;
  font-weight: bold;
  color: #fefeff;
  line-height: 40px;
  padding:38px 0;
  box-sizing:border-box;
}

.banner-explain {
  font-size: 16px;
  color: #fefeff;
  line-height: 30px;
  width: 1200px;
  margin:0 auto;
}

.chain-enterprises-link{
  display:block;
  width:1200px;
  height: 180px;
  margin:38px auto 0;
  background: url("../images/chain-enterprises-link.jpg") no-repeat center;
  background-size: 100% 100%;
  font-weight: 700;
  font-size: 42px;
  line-height: 61px;
  letter-spacing: 0.2em;
  color: #FFFFFF;
  text-shadow: 2px 3px 4px rgba(118, 5, 5, 0.25);
  text-align:center;
  line-height:180px;
}

.content {
  background: url("../images/bg-container.png") no-repeat center bottom -276px;
}

.content .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 38px 0;
  box-sizing:border-box;
}

.content .box {
  width: 582px;
  height:auto;
}

.content .box > div {
  margin-top: 36px;
}

.content .box > div:first-child {
  margin-top: 0;
}

.content .box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content .box-item .list-name {
  font-size: 28px !important;
}

.content .box .list {
  border: 1px solid #f4e4e4;
  background-repeat: no-repeat;
  border-radius: 8px;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.content .box .list:hover {
  -webkit-box-shadow: 0px 17px 34px 0px rgba(131, 0, 19, 0.15);
          box-shadow: 0px 17px 34px 0px rgba(131, 0, 19, 0.15);
  color: #fff;
  font-weight: bold;
}

.content .box .list a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 48px;
}

.content .box .list-name {
  font-size: 30px;
}

.content .box .list .tips {
  display: block;
  font-size: 30px;
}

.content .box .apply {
  height: 218px;
  background: url("../images/bg-menu1.png") no-repeat center;
}

.content .box .apply:hover {
  background: url("../images/bg-menu1-hover.png") no-repeat center;
}

.content .box .start {
  height: 218px;
  background: url("../images/bg-menu3.png") no-repeat center;
}

.content .box .start:hover {
  background: url("../images/bg-menu3-hover.png") no-repeat center;
}

.content .box .change {
  height: 218px;
  background: url("../images/bg-menu2.png") no-repeat center;
}

.content .box .change:hover {
  background: url("../images/bg-menu2-hover.png") no-repeat center;
}

.content .box .continue {
  height: 218px;
  background: url("../images/bg-menu5.png") no-repeat center;
}

.content .box .continue:hover {
  background: url("../images/bg-menu5-hover.png") no-repeat center;
}

.content .box .logout {
  height: 218px;
  background: url("../images/bg-menu4.png") no-repeat center;
}

.content .box .logout:hover {
  background: url("../images/bg-menu4-hover.png") no-repeat center;
}
.content .box .reissue {
  height: 218px;
  background: url("../images/bg-menu6.png") no-repeat center;
}

.content .box .reissue:hover {
  background: url("../images/bg-menu6-hover.png") no-repeat center;
}