*{
  box-sizing: border-box;
}


.wrap {
  width: 100%; }
  .wrap .banner .swiper-wrapper .swiper-slide {
    width: 100%; }
    .wrap .banner .swiper-wrapper .swiper-slide img {
      width: 100%;
      max-height: 585px; }
  .wrap .container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    margin-top: 86px; }
    @media (min-width: 320px) and (max-width: 768px) {
      .wrap .container {
        margin-top: 20px;
        padding: 0 10px; } }
    .wrap .container .content {
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      @media (min-width: 768px) and (max-width: 1245px) {
        .wrap .container .content {
          padding: 0 10px; } }
      @media (min-width: 320px) and (max-width: 768px) {
        .wrap .container .content {
          display: block; } }
      .wrap .container .content .news {
        width: 55%; }
        @media (min-width: 320px) and (max-width: 768px) {
          .wrap .container .content .news {
            width: 100%; } }
        .wrap .container .content .news .news_title {
          font-size: 24px; }
          @media (min-width: 768px) and (max-width: 1245px) {
            .wrap .container .content .news .news_title {
              font-size: 18px; } }
          @media (min-width: 320px) and (max-width: 768px) {
            .wrap .container .content .news .news_title {
              font-size: 16px; } }
        .wrap .container .content .news .news_time {
          font-size: 30px; }
          @media (min-width: 768px) and (max-width: 1245px) {
            .wrap .container .content .news .news_time {
              font-size: 26px;
              margin-top: 4px; } }
          @media (min-width: 320px) and (max-width: 768px) {
            .wrap .container .content .news .news_time {
              font-size: 18px; } }
        .wrap .container .content .news .news_content {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          font-size: 18px;
          margin-top: 15px;
          color: #bcb9b7; }
          @media (min-width: 768px) and (max-width: 1245px) {
            .wrap .container .content .news .news_content {
              font-size: 16px; } }
          @media (min-width: 320px) and (max-width: 768px) {
            .wrap .container .content .news .news_content {
              font-size: 14px;
              margin-top: 8px;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 3; } }
        .wrap .container .content .news .news_more {
          color: #f6b767;
          display: block;
          margin-top: 25px; }
          @media (min-width: 768px) and (max-width: 1245px) {
            .wrap .container .content .news .news_more {
              font-size: 14px; } }
          @media (min-width: 320px) and (max-width: 768px) {
            .wrap .container .content .news .news_more {
              display: flex;
              justify-content: flex-end;
              font-size: 14px; } }
      .wrap .container .content .newsList {
        flex: 1;
        margin-left: 100px; }
        @media (min-width: 320px) and (max-width: 768px) {
          .wrap .container .content .newsList {
            margin: 10px 0 0 0; } }
        .wrap .container .content .newsList .title ul {
          margin-top: -2px;
          display: flex;
          align-items: center;
          border-bottom: 2px solid #c1c1c1;
          position: relative; }
          .wrap .container .content .newsList .title ul li {
            height: 50px;
            margin-right: 45px; }
            @media (min-width: 768px) and (max-width: 1245px) {
              .wrap .container .content .newsList .title ul li {
                height: 40px; } }
            @media (min-width: 320px) and (max-width: 768px) {
              .wrap .container .content .newsList .title ul li {
                height: 33px;
                margin-right: 20px; } }
            .wrap .container .content .newsList .title ul li a {
              display: block;
              height: 100%;
              font-size: 24px;
              color: #999; }
              @media (min-width: 768px) and (max-width: 1245px) {
                .wrap .container .content .newsList .title ul li a {
                  font-size: 18px; } }
              @media (min-width: 320px) and (max-width: 768px) {
                .wrap .container .content .newsList .title ul li a {
                  font-size: 16px; } }
          .wrap .container .content .newsList .title ul .bottom_border {
            position: absolute;
            width: 95px;
            height: 2px;
            background: #d70000;
            bottom: -2px; }
            @media (min-width: 768px) and (max-width: 1245px) {
              .wrap .container .content .newsList .title ul .bottom_border {
                width: 80px; } }
            @media (min-width: 320px) and (max-width: 768px) {
              .wrap .container .content .newsList .title ul .bottom_border {
                width: 64px; } }
          .wrap .container .content .newsList .title ul .active a {
            color: #d70000; }
        .wrap .container .content .newsList .itemBox ul {
          margin-top: 20px; }
          .wrap .container .content .newsList .itemBox ul li {
            margin-bottom: 2px; }
            .wrap .container .content .newsList .itemBox ul li a {
              font-size: 18px;
              color: #bcb9b7;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              overflow: hidden; }
              @media (min-width: 768px) and (max-width: 1245px) {
                .wrap .container .content .newsList .itemBox ul li a {
                  font-size: 16px; } }
              @media (min-width: 320px) and (max-width: 768px) {
                .wrap .container .content .newsList .itemBox ul li a {
                  font-size: 14px; } }
            .wrap .container .content .newsList .itemBox ul li a:hover {
              color: #d70000; }
  .wrap .accordion {
    width: 100%;
    overflow: hidden;
    height: 288px !important;
    display: flex;
    justify-content: center;
    background: #dbdbdb;
    margin: 100px 0; }
    @media (min-width: 320px) and (max-width: 768px) {
      .wrap .accordion {
        display: none; } }
    .wrap .accordion #slider {
      max-width: 1200px !important;
      width: 100% !important;
      height: 288px !important; }
      .wrap .accordion #slider .slide {
        height: 288px !important; }
        .wrap .accordion #slider .slide a {
          font-size: 24px; }
          .wrap .accordion #slider .slide a img {
            height: 300px;
            width: 750px; }
        .wrap .accordion #slider .slide .text a {
          color: #FFFFFF; }
          .wrap .accordion #slider .slide .text a p:nth-of-type(1) {
            margin-bottom: 5px; }
          .wrap .accordion #slider .slide .text a p {
            font-size: 18px; }
  .wrap .phoneImgBox {
    display: none; }
    @media (min-width: 320px) and (max-width: 768px) {
      .wrap .phoneImgBox {
        margin-top: 20px;
        display: block;
        padding: 0 10px; }
        .wrap .phoneImgBox div {
          position: relative; }
          .wrap .phoneImgBox div .desc {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
            .wrap .phoneImgBox div .desc a {
              color: #fff; }
            .wrap .phoneImgBox div .desc p {
              font-size: 16px;
              text-align: center; }
          .wrap .phoneImgBox div img {
            width: 100%;
            margin: 10px 0; } }

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