.wrapper {
  width: 100%;
  height: auto; }
  .wrapper .news-container {
    width: 100%;
    height: auto;
    padding-top: 130px;
    max-width: 1540px;
    margin: 0 auto; }
    @media screen and (max-width: 1024px) {
      .wrapper .news-container {
        padding-top: 110px; } }
    @media screen and (max-width: 768px) {
      .wrapper .news-container {
        padding-top: 90px; } }
    @media screen and (max-width: 480px) {
      .wrapper .news-container {
        padding-top: 80px; } }
    .wrapper .news-container .breadcrumb {
      width: 80%;
      height: auto;
      border-bottom: 1px dashed #333;
      margin: 0 auto;
      padding: 0 0 5px 10px; }
      @media screen and (max-width: 1024px) {
        .wrapper .news-container .breadcrumb {
          border-top: 1px solid #333;
          padding-top: 20px;
          width: 90%; } }
      @media screen and (max-width: 480px) {
        .wrapper .news-container .breadcrumb {
          padding-top: 15px; } }
      .wrapper .news-container .breadcrumb ul {
        display: flex;
        justify-content: left;
        align-items: center; }
        .wrapper .news-container .breadcrumb ul i {
          margin: 0 15px; }
        @media screen and (max-width: 1024px) {
          .wrapper .news-container .breadcrumb ul li {
            font-size: 1rem; } }
        .wrapper .news-container .breadcrumb ul li a {
          display: inline-block;
          color: #333;
          font-size: 1.6rem; }
          @media screen and (max-width: 1024px) {
            .wrapper .news-container .breadcrumb ul li a {
              font-size: 1rem; } }
    .wrapper .news-container .news-inner {
      width: 80%;
      height: auto;
      margin: 50px auto 100px auto; }
      @media screen and (max-width: 1024px) {
        .wrapper .news-container .news-inner {
          width: 90%;
          margin-top: 30px; } }
      @media screen and (max-width: 480px) {
        .wrapper .news-container .news-inner {
          margin-top: 15px;
          width: 100%; } }
      .wrapper .news-container .news-inner .news-title {
        width: 100%;
        height: auto;
        border-bottom: 1px solid #333; }
        @media screen and (max-width: 480px) {
          .wrapper .news-container .news-inner .news-title {
            width: 90%;
            margin: 0 auto; } }
        .wrapper .news-container .news-inner .news-title h2 {
          font-size: 4rem; }
          @media screen and (max-width: 1024px) {
            .wrapper .news-container .news-inner .news-title h2 {
              font-size: 3.2rem; } }
          @media screen and (max-width: 768px) {
            .wrapper .news-container .news-inner .news-title h2 {
              font-size: 2.6rem; } }
          @media screen and (max-width: 480px) {
            .wrapper .news-container .news-inner .news-title h2 {
              font-size: 1.8rem; } }
      .wrapper .news-container .news-inner .date {
        width: 100%;
        height: auto;
        margin: 0 auto; }
        @media screen and (max-width: 480px) {
          .wrapper .news-container .news-inner .date {
            width: 90%; } }
        .wrapper .news-container .news-inner .date p {
          font-size: 1.8rem; }
          @media screen and (max-width: 768px) {
            .wrapper .news-container .news-inner .date p {
              font-size: 1.5rem; } }
          @media screen and (max-width: 480px) {
            .wrapper .news-container .news-inner .date p {
              font-size: 1.2rem; } }
      .wrapper .news-container .news-inner .news-text-background {
        background: #f7f7f7;
        width: 100%;
        height: auto;
        padding: 30px 15px;
        margin: 30px 0; }
        @media screen and (max-width: 768px) {
          .wrapper .news-container .news-inner .news-text-background {
            padding: 20px 10px; } }
        .wrapper .news-container .news-inner .news-text-background .news-text {
          background: #fff;
          width: 95%;
          margin: 0 auto;
          height: auto;
          padding: 30px 50px; }
          @media screen and (max-width: 768px) {
            .wrapper .news-container .news-inner .news-text-background .news-text {
              padding: 20px 30px; } }
          @media screen and (max-width: 480px) {
            .wrapper .news-container .news-inner .news-text-background .news-text {
              padding: 20px; } }
          .wrapper .news-container .news-inner .news-text-background .news-text p {
            font-size: 1.8rem; }
            @media screen and (max-width: 768px) {
              .wrapper .news-container .news-inner .news-text-background .news-text p {
                font-size: 1.5rem; } }
            @media screen and (max-width: 480px) {
              .wrapper .news-container .news-inner .news-text-background .news-text p {
                font-size: 1.3rem; } }
          .wrapper .news-container .news-inner .news-text-background .news-text .news-url {
            width: 100%;
            height: auto;
            word-break: break-all;
            margin-top: 20px; }
            .wrapper .news-container .news-inner .news-text-background .news-text .news-url p {
              font-size: 1.5rem;
              transition: 0.3s; }
              @media screen and (max-width: 768px) {
                .wrapper .news-container .news-inner .news-text-background .news-text .news-url p {
                  font-size: 1.2rem; } }
              @media screen and (max-width: 480px) {
                .wrapper .news-container .news-inner .news-text-background .news-text .news-url p {
                  font-size: 1rem; } }
            .wrapper .news-container .news-inner .news-text-background .news-text .news-url p:hover {
              opacity: 0.7;
              text-decoration: underline; }

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