﻿.product_and_service {
  background: #fff; }
  .product_and_service .product_and_service_main {
    width: 1200px;
    margin: 0 auto; }
    .product_and_service .product_and_service_main .product_list {
      padding: 60px 0 60px; }
      .product_and_service .product_and_service_main .product_list .title {
        padding: 10px 30px;
        position: relative;
        font-size: 36px;
        color: #373d41;
        font-weight: bold;
        margin-bottom: 20px; }
        .product_and_service .product_and_service_main .product_list .title span {
          position: absolute;
          width: 10px;
          height: 38px;
          background: #50d1d1;
          left: 0;
          top: 18px; }
      .product_and_service .product_and_service_main .product_list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        .product_and_service .product_and_service_main .product_list ul li {
          width: calc(50% - 10px);
          height: 160px;
          box-sizing: border-box;
          margin-top: 20px; }
          .product_and_service .product_and_service_main .product_list ul li a {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            padding: 0 20px 0 30px;
            background: #f8f8f8;
            border: 1px solid #eaeaea;
            display: flex;
            align-items: center; }
            .product_and_service .product_and_service_main .product_list ul li a .content {
              flex: 1;
              padding: 0 30px; }
              .product_and_service .product_and_service_main .product_list ul li a .content p:nth-child(1) {
                font-size: 24px;
                color: #37393c;
                margin-bottom: 10px; }
              .product_and_service .product_and_service_main .product_list ul li a .content p:nth-child(2) {
                font-size: 20px;
                line-height: 30px;
                color: #8e8e8e; }
          .product_and_service .product_and_service_main .product_list ul li a:hover {
            border-color: #28c6c6; }

/*# sourceMappingURL=product.css.map */
