.top-product {
  padding: 20px;
  background-color: #F4F4F5; }
  .top-product .product-title {
    padding: 30px; }
    .top-product .product-title .product-title-text {
      font-size: 20px;
      float: left;
      width: 50%;
      text-align: left;
      color: #8ebd4a; }
    .top-product .product-title .sub-product-title {
      float: left;
      width: 50%; }
      .top-product .product-title .sub-product-title ul {
        list-style: none;
        padding: 20px 0px;
        text-align: right; }
        .top-product .product-title .sub-product-title ul li {
          display: inline-block;
          padding: 5px 2px; }
          .top-product .product-title .sub-product-title ul li a {
            padding-bottom: 5px; }
        .top-product .product-title .sub-product-title ul li:nth-child(1) a {
          border-bottom: 2px solid;
          border-image: linear-gradient(to right, #2FA5D6, #8EBD4A) 2 2 2 2; }
  .top-product .product-img-list-wrapper {
    width: 96%;
    padding: 30px;
    z-index: 1;
    position: relative; }
    .top-product .product-img-list-wrapper .swiper-wrapper {
      position: relative;
      z-index: 0;
      height: 480px; }
      .top-product .product-img-list-wrapper .swiper-wrapper .swiper-slide {
        width: 480px;
        padding: 0; }
        .top-product .product-img-list-wrapper .swiper-wrapper .swiper-slide img {
          margin-top: 0;
          width: 100%;
          height: 350px; }
        .top-product .product-img-list-wrapper .swiper-wrapper .swiper-slide .swiper-title {
          padding: 10px;
          background-image: linear-gradient(to right, #2FA5D6, #8EBD4A);
          background-color: #FFFFFF;
          width: 100%;
          z-index: 100;
          bottom: 0;
          height: 100px;
          color: #FFFFFF; }
      .top-product .product-img-list-wrapper .swiper-wrapper .swiper-slide:hover {
        background-color: #F2F2F2;
        transform: scale(1.1);
        transition: all .5s; }
  @media screen and (max-width: 768px) {
    .top-product .product-title {
      padding: 0px; }
      .top-product .product-title .product-title-text {
        font-size: 20px;
        float: none;
        width: 100%; }
      .top-product .product-title .sub-product-title {
        float: none;
        width: 50%; }
        .top-product .product-title .sub-product-title ul {
          text-align: left; }
    .top-product .product-img-list-wrapper {
      width: 100%;
      padding: 10px;
      position: relative;
      height: 460px; }
      .top-product .product-img-list-wrapper .swiper-wrapper {
        position: relative; }
        .top-product .product-img-list-wrapper .swiper-wrapper .swiper-slide img {
          margin-left: 0;
          margin-top: 0; }
        .top-product .product-img-list-wrapper .swiper-wrapper .swiper-slide img:hover {
          transform: scale(1.1);
          transition: all .5s; }
        .top-product .product-img-list-wrapper .swiper-wrapper .swiper-slide:hover {
          background-color: transparent; } }

.use-info {
  text-align: center;
  margin: 60px 0; }
  .use-info ul {
    width: 100%;
    height: 150px;
    list-style: none;
    text-align: center;
    display: inline;
    justify-content: center; }
    .use-info ul li {
      list-style-type: none;
      display: inline-block;
      width: 23%; }
      .use-info ul li .service-icon {
        float: left;
        text-align: right;
        width: 37%; }
        .use-info ul li .service-icon img {
          width: 60px; }
      .use-info ul li .text-desc {
        width: 63%;
        padding: 10px 0 10px 10px;
        text-align: left;
        line-height: 20px;
        float: left;
        white-space: nowrap; }
        .use-info ul li .text-desc strong {
          font-size: 22px;
          color: #fff; }
        .use-info ul li .text-desc span {
          position: relative;
          top: -1em; }

@media screen and (max-width: 768px) {
  .use-info {
    margin-bottom: 0; }
    .use-info ul {
      width: 100%;
      list-style: none; }
      .use-info ul li {
        width: 48%;
        height: 100px; }
        .use-info ul li .service-icon {
          width: 30%; }
        .use-info ul li .text-desc {
          width: 70%; } }
.top-solution {
  background-color: #fff; }
  .top-solution .top-solution-title {
    color: black;
    padding: 30px 50px;
    font-size: 20px;
    color: #8ebd4a; }
  .top-solution .top-solution-swiper {
    width: 96%;
    padding: 0 0px 30px 80px;
    position: relative;
    text-align: center; }

@media screen and (max-width: 768px) {
  .top-solution {
    margin-bottom: 20px; }
    .top-solution .top-solution-title {
      padding: 20px;
      font-size: 20px; }
    .top-solution .top-solution-swiper {
      width: 100%;
      padding: 0 20px;
      position: relative;
      text-align: center; } }
.top-new-list {
  padding: 20px;
  background-color: #fff; }
  .top-new-list .new-list-tilte {
    font-size: 20px;
    padding: 30px;
    color: #8ebd4a; }
  .top-new-list .new-list {
    padding: 0px 40px; }
    .top-new-list .new-list .new-list-left {
      width: 50%;
      float: left; }
      .top-new-list .new-list .new-list-left ul {
        list-style: none; }
      .top-new-list .new-list .new-list-left ul > li {
        list-style-type: none;
        float: left;
        margin: 0px 10px 10px;
        width: 45%; }
        .top-new-list .new-list .new-list-left ul > li a:hover {
          color: #28333B; }
        .top-new-list .new-list .new-list-left ul > li a {
          color: #fff; }
        .top-new-list .new-list .new-list-left ul > li .news-img img {
          width: 100%;
          height: 200px; }
        .top-new-list .new-list .new-list-left ul > li .news-img .news-info {
          padding: 10px;
          background-image: linear-gradient(to right, #2FA5D6, #8EBD4A);
          width: 100%;
          height: 120px; }
          .top-new-list .new-list .new-list-left ul > li .news-img .news-info .news-detail {
            margin-top: 10px;
            text-indent: 2em; }
          .top-new-list .new-list .new-list-left ul > li .news-img .news-info .news-time {
            margin-top: 5px; }
        @media screen and (max-width: 1300px) {
          .top-new-list .new-list .new-list-left ul > li {
            width: 30%; } }
    .top-new-list .new-list .new-list-right {
      float: left;
      width: 50%;
      max-height: 646px;
      padding: 5px;
      border-image: linear-gradient(to right, #2FA5D6, #8EBD4A) 2 2 2 2; }
      .top-new-list .new-list .new-list-right .new-list-m {
        display: none; }
      .top-new-list .new-list .new-list-right ul {
        list-style: none; }
        .top-new-list .new-list .new-list-right ul a:hover {
          color: #2FA5D6; }
      .top-new-list .new-list .new-list-right ul > li {
        list-style-type: none;
        padding: 5px 0 5px 10px;
        border-bottom: 1px dashed #8EBD4A; }
        .top-new-list .new-list .new-list-right ul > li ol {
          list-style: none;
          display: inline; }
        .top-new-list .new-list .new-list-right ul > li ol > li {
          list-style-type: none;
          display: inline-block;
          width: 55%;
          padding-top: 7px;
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }
        .top-new-list .new-list .new-list-right ul > li ol > li:last-child {
          width: 40%;
          text-align: right; }
        @media screen and (max-width: 1300px) {
          .top-new-list .new-list .new-list-right ul > li ol > li {
            font-size: 14px; } }
      .top-new-list .new-list .new-list-right ul > li:last-child {
        border: 0px; }
    @media screen and (max-width: 1900px) {
      .top-new-list .new-list .new-list-left {
        width: 60% !important; }
        .top-new-list .new-list .new-list-left ul li {
          width: 45%; }
      .top-new-list .new-list .new-list-right {
        width: 40% !important; }
        .top-new-list .new-list .new-list-right .new-list-m {
          display: none; } }
    .top-new-list .new-list .clear-float {
      clear: both; }
  @media screen and (max-width: 768px) {
    .top-new-list .new-list-tilte {
      padding: 10px; }
    .top-new-list .new-list {
      padding: 0px; }
      .top-new-list .new-list .new-list-left {
        display: none;
        width: 100%; }
        .top-new-list .new-list .new-list-left ul li {
          clear: both;
          margin: 5px 0px;
          width: 100%; }
          .top-new-list .new-list .new-list-left ul li .news-img img {
            width: 100%; }
          .top-new-list .new-list .new-list-left ul li .news-info {
            width: 100% !important; }
      .top-new-list .new-list .new-list-right {
        width: 100% !important;
        height: 100%; }
        .top-new-list .new-list .new-list-right .new-list-m {
          display: block; }
          .top-new-list .new-list .new-list-right .new-list-m ul > li {
            border-bottom: 1px dashed #8EBD4A; }
        .top-new-list .new-list .new-list-right ul li {
          padding: 0; }
          .top-new-list .new-list .new-list-right ul li ol li {
            font-size: 14px !important; } }

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