.screen {
  background: #fff;
  height: 380px; }
  .screen dl, .screen dd {
    display: block;
    height: 380px;
  }

.application {
  background: #f4f5f9;
  min-height: 525px;
  overflow: hidden; }

.ap-title {
  height: 120px;
  font-size: 36px;
  font-weight: bold;
  line-height: 120px;
  text-align: center;
  background: url("./i/index-title.png") no-repeat center center;
  margin-top: 20px; }

.news {
  height: 550px;
  background: #fff;
  overflow: hidden; }

.ap-list {
  width: 1180px;
  margin: 0 auto; }
  .ap-list dl {
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 40px; }
    .ap-list dl dd {
      overflow: hidden;
      width: 550px; }
      .ap-list dl dd .ap-img {
        height: 250px;
        overflow: hidden;
        position: relative;
        display: block;
        border-radius: 5px; }
        .ap-list dl dd .ap-img img {
          height: 250px;width: 550px; }
        .ap-list dl dd .ap-img i {
          opacity: 0;
          position: absolute;
          -webkit-transition: all ease 0.3s;
          -o-transition: all ease 0.3s;
          transition: all ease 0.3s;
          left: 0;
          top: 65%;
          right: 0;
          text-align: center;
          color: #fff;
          font-size: 30px;
          font-style: normal;
          z-index: 11; }
        .ap-list dl dd .ap-img b {
          -webkit-transition: all ease 0.3s;
          -o-transition: all ease 0.3s;
          transition: all ease 0.3s;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          z-index: 10;
          background: #000;
          opacity: 0; }
        .ap-list dl dd .ap-img:hover b {
          opacity: 0.4; }
        .ap-list dl dd .ap-img:hover i {
          top: 45%;
          opacity: 1; }
      .ap-list dl dd .ap-description {
        color: #686868;
        font-size: 16px;
        height: 60px;
        line-height: 20px;
        margin-top: 30px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden; }
        .ap-list dl dd .ap-description:hover {
          color: #434343; }

.ne-list {
  width: 1180px;
  margin: 0 auto; }
  .ne-list dl {
    height: 290px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .ne-list dl dd {
      width: 360px; }
      .ne-list dl dd .ne-img {
        display: block;
        overflow: hidden;
        width: 360px;
        border-radius: 3px;
        position: relative; }
        .ne-list dl dd .ne-img img {
          width: 360px;
          height: 220px; }
        .ne-list dl dd .ne-img i {
          -webkit-transition: all ease 0.2s;
          -o-transition: all ease 0.2s;
          transition: all ease 0.2s;
          display: block;
          opacity: 1;
          position: absolute;
          padding: 10px 5px 0;
          left: 0;
          bottom: -3px;
          right: 0;
          height: 68px;
          line-height: 25px;
          background: -webkit-gradient(linear, left bottom, left top, color-stop(43%, rgba(18, 18, 18, 0.78)), to(rgba(46, 46, 48, 0)));
          background: -o-linear-gradient(bottom, rgba(18, 18, 18, 0.78) 43%, rgba(46, 46, 48, 0) 100%);
          background: linear-gradient(0deg, rgba(18, 18, 18, 0.78) 43%, rgba(46, 46, 48, 0) 100%);
          color: #fff;
          font-size: 18px; }
        .ne-list dl dd .ne-img:hover i {
          bottom: 0; }
      .ne-list dl dd .ne-description {
        font-size: 16px;
        color: #313131;
        height: 40px;
        line-height: 20px;
        margin-top: 10px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; }
        .ne-list dl dd .ne-description:hover {
          color: #000; }