.cooperate-cat h1 {

  font-size: 40px;

  font-family: GoogleSans-Bold;

  text-align: center;

  padding: 40px 0 30px; }

.cooperate-cat .content .cat_list {

  display: flex;

  justify-content: center;

  margin-bottom: 30px;

  border-bottom: 1px solid #BFDAEB; }

  .cooperate-cat .content .cat_list li a {

    font-size: 30px;

    font-family: GoogleSans-Bold;

    text-transform: uppercase;

    line-height: 60px;

    padding: 0 30px;

    display: inline-block;

    background: #F4F9FC;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    margin-right: 20px; }

    .cooperate-cat .content .cat_list li a.active {

      color: #FFFFff;

      background: #008CF0; }

.cooperate-cat .content .item {

  position: relative;

  margin-bottom: 20px; }

  .cooperate-cat .content .item .info > a {

    overflow: hidden;

    height: 225px;

    display: block;

    position: relative; }

    .cooperate-cat .content .item .info > a .img {

      width: 100%; }

    .cooperate-cat .content .item .info > a .icon-play {

      position: absolute;

      left: 50%;

      top: 50%;

      margin-top: -30px;

      transform: translateX(-50%); }

  .cooperate-cat .content .item .modal-dialog {

    margin-top: 125px; }

    .cooperate-cat .content .item .modal-dialog .modal-header {

      display: flex;

      align-items: center; }

      .cooperate-cat .content .item .modal-dialog .modal-header h5 {

        width: 98%;

        padding: 0; }

      .cooperate-cat .content .item .modal-dialog .modal-header button {

        width: 2%;

        margin-top: -20px; }

  .cooperate-cat .content .item .content_news {

    padding: 0px 20px 30px 20px;

    background: #F4F9FC; }

    .cooperate-cat .content .item .content_news .title {

      font-size: 16px;

      font-family: GoogleSans-Bold;

      color: #000000;

      line-height: 20px;

      padding: 10px 0;

      height: 60px; }

    .cooperate-cat .content .item .content_news .time {

      color: #777777;

      padding-bottom: 10px;

      font-size: 14px; }

    .cooperate-cat .content .item .content_news .summary {

      padding-top: 10px;

      font-size: 14px;

      height: 76px; }



@media screen and (max-width: 768px) {

  .cooperate-cat h1 {

    font-size: 30px;

    padding: 30px 0; }

  .cooperate-cat .content .cat_list li a {

    font-size: 15px;

    line-height: 35px;

    padding: 0 10px; } }



/*# sourceMappingURL=cat.css.map */