@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.banner {
  height: 430px;
  padding-top: 135px;
  background: url("../images/archives/bg.jpg") center top no-repeat;
}

.banner .slogan {
  margin-top: 60px;
}

.banner .slogan-text {
  width: 620px;
  font-size: 18px;
  color: #fff;
  line-height: 32px;
  margin-top: 27px;
}

.banner .more {
  display: inline-block;
  width: 146px;
  height: 53px;
  border-radius: 27px;
  border: solid 1px rgba(255, 255, 255, 0.45);
  font-size: 16px;
  line-height: 53px;
  color: #fff;
  padding-left: 33px;
  margin-top: 75px;
}

.banner .more:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #fff;
}

.application-sharing {
  height: 640px;
}

.application-sharing .title {
  padding-top: 70px;
  text-align: center;
  font-family: "SourceHanSansCN-Medium";
  font-size: 32px;
  font-weight: bold;
  line-height: 46px;
  color: #333;
}

.application-sharing .title p {
  font-size: 22px;
  line-height: 44px;
  color: #5c5f6b;
}

.application-sharing .application-text {
  margin-top: 67px;
  height: 325px;
  font-size: 18px;
  font-weight: bold;
  background: url("../images/archives/some_01.png") center top no-repeat;
}

.application-sharing .application-text .application-text-l {
  width: 306px;
  margin-left: 50px;
  line-height: 30px;
  margin-top: 18px;
}

.application-sharing .application-text .application-text-r {
  margin-left: 846px;
  text-align: left;
  margin-top: 18px;
  line-height: 30px;
}

.application-sharing .application-text .application-item {
  margin-top: 167px;
}

.tender {
  height: 733px;
  padding-top: 46px;
  background-color: #f8f8fa;
}

.tender .tender-hd {
  margin-left: -24px;
}

.tender .tender-hd .tender-item {
  margin-top: 24px;
  width: 50%;
}

.tender .tender-hd .tender-item .tender-item-body {
  padding-top: 116px;
  height: 270px;
  margin-left: 24px;
  -webkit-box-shadow: 0px 4px 15px 0px rgba(79, 79, 79, 0.14);
          box-shadow: 0px 4px 15px 0px rgba(79, 79, 79, 0.14);
  background-color: #fff;
}

.tender .tender-hd .tender-item .tender-item-body .tender-item-title {
  line-height: 50px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.tender .tender-hd .tender-item .tender-item-body .tender-item-list {
  margin-right: 100px;
  padding-left: 120px;
  background: url("../images/archives/point_01.png") 100px 17px no-repeat;
  line-height: 38px;
  font-size: 16px;
  color: #5c5f6b;
}

.tender .tender-hd .icon4 .tender-item-body,
.tender .tender-hd .icon3 .tender-item-body {
  height: 300px;
}

.tender .tender-hd .icon1 .tender-item-body {
  background: url("../images/archives/icon_01.png") center 30px no-repeat;
}

.tender .tender-hd .icon2 .tender-item-body {
  background: url("../images/archives/icon_02.png") center 30px no-repeat;
}

.tender .tender-hd .icon3 .tender-item-body {
  background: url("../images/archives/icon_03.png") center 30px no-repeat;
}

.tender .tender-hd .icon4 .tender-item-body {
  background: url("../images/archives/icon_04.png") center 30px no-repeat;
}