body {
    overflow-x: hidden;
  }  
  
  .sol-banner .swiper-container {
    width: 100%;
    height: auto;
    /* padding: 50px; */
  }

  .sol-banner .swiper-pagination {
    bottom: 24%;
    margin: 0 auto;
    width: 100%;
  }

  .mobile-pic {
    display: none;
  }

  .sol-pic img {
    width: 100%;

  }

  .swiper-pagination-switch {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #FFF;
    margin: 0 5px;
    cursor: pointer;
  }

  /* .r-banner .swiper-pagination-switch, .recent-news .swiper-pagination-switch
  .r-banner .swiper-active-switch, .recent-news .swiper-active-switch */
  .swiper-active-switch {
    color: #fff;
    background: #d20032;
    width: 81px;
    height: 16px;
    border-radius: 8px;
  }

  .banner-content {
    width: 1400px;
    color: #fff;
    position: absolute;
    top: 15%;
    left: 50%;
    margin-left: -600px;
  }

  .banner-title {
    font-size: 48px;
    /* font-family: Microsoft Yahei, Arial, sans-serif; */
    font-weight: bold;
  }

  .banner-content p {
    font-size: 25px;
    /* font-family: Microsoft Yahei, Arial, sans-serif; */
    margin-top: 15px;
  }

  .sol-more {
    margin-top: 35px;
    display: block;
    width: 152px;
    height: 39px;
    background: #d20032;
    text-align: center;
    border-radius: 20px;
    padding: 9px;
    font-size: 18px;
    /* font-family: Microsoft Yahei, Arial, sans-serif; */
    color: #fff;
  }

  .sol-more span {
    margin-left: 15px;
  }

  .sol-more:hover,
  .on:hover {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
  }

  .sol-breadnav {
    width: 100%;
    height: 60px;
    background: #000;
    opacity: 0.6;
    position: absolute;
    top: -60px;
    z-index: 2;
    padding: 20px 0;
    color: #fff;
  }

  .sol-breadnav p {
    width: 1400px;
    margin: 0 auto;
  }

  .sol-breadnav img {
    margin-top: -5px;
  }

  .sol-breadnav span {
    margin: 0 20px;
    color: #b1b1b1;
  }

  .on {
    color: #fff;
    font-size: 16px;
  }

  .hangye-content {
    position: relative;
  }

  .solution {
    background: #F0F0F0;
    text-align: center;
    padding-bottom: 50px;
  }

  .pc-solution .sol-img{
    display: inline-block;
    float: left;
    width: 80px;
  }


  .solution-content,
  .cases-content {
    width: 1400px;
    margin: 0 auto;
  }

  .solution-content ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
  }

  .solution-content ul li {
    list-style: none;
    padding-top: 30px;

  }
  
  .pc-solution .content-tag {
    width: 32%;
    height: 200px;
    background: #fff;
    margin: 0 15px 20px 0;
  }

  /*.pc-solution .content-tag:nth-child(3n+3) {
    margin-right: 0px;
  }*/

  .pc-solution .content-tag img {
    float: left;
    margin-left: 30px;
    width: 50%;
  }

  .tag-all a:hover,.tag-all a:focus{
    text-decoration: none;
  }

  .pc-solution .tag-all {
    float: left;
    margin-left: 20px;
    text-align: left;
    width: 272px;
  }

  .pc-solution .mb-show {
    display: none;
  }

  .tag-title {
    font-size: 22px;
    /* font-family: Microsoft Yahei, Arial, sans-serif; */
    color: #4d4d4d;
    font-weight: bold;
    
  }
  @media screen and (min-width: 843px) {
    .tag-title {
      display: block;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      
    }
  }

  .pc-solution li:nth-child(10) .tag-title {
    /* font-size: 19px; */
  }

  .tag-content {
    margin: 5px 0 10px 0;
    font-size: 16px;
    line-height: 1.5;
    color: #626262;
    /* font-family: Microsoft Yahei, Arial, sans-serif; */
    /* overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; */
      max-height: 48px;
      overflow: hidden;
  }

  .view-solution {
    font-size: 16px;
    color: #d20032;
    /* font-family: Microsoft Yahei, Arial, sans-serif; */
  }

  .cases {
    text-align: center;
    padding-bottom: 70px;
  }

  .cases-ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
  }

  .cases-ul li {
    width: 33.3%;
    height: 430px;
    background: #F7F7F7;
    text-align: left;
  }

  .bg-grey{
    background: #F7F7F7;
  }

  .cases-ul li:nth-child(3n+3) {
    margin-right: 0px;
  }

  .cases-ul li img {
    width: 366px;
    height: 207px;
  }
  .cases-ul .note-title,.cases-ul .note-subtitle{
    color: #505050;
  }

  .case-title {
    margin: 25px 20px;
    font-size: 21px;
    line-height: 28px;
    color: #4d4d4d;
    /* font-family: Microsoft Yahei, Arial, sans-serif; */
    font-weight: bold;
    height: 50px;
  }

  .case-content {
    /* font-family: Microsoft Yahei, Arial, sans-serif; */
    font-size: 17px;
    line-height: 25px;
    color: #898989;
    margin: 0 20px;
  }

  .view-case {
    color: #d20032;
    /* font-family: Microsoft Yahei, Arial, sans-serif; */
    font-size: 17px;
    display: block;
    margin: 20px 0 20px 20px;
  }

  .case-more {
    color: #d20032;
    width: 188px;
    height: 45px;
    border: 1px solid #d20032;
    border-radius: 25px;
    margin: 0 auto;
    font-size: 21px;
    /* font-family: Microsoft Yahei, Arial, sans-serif; */
    padding-top: 10px;
    display: block;
  }

  .view-solution:hover,
  .view-case:hover{
    text-decoration: none;
    cursor: pointer;
  }
  .case-more:focus{
    color: #d20032;
  }
  .case-more:hover {
    text-decoration: none;
    cursor: pointer;
  }

  .view-solution:hover,
  .view-solution:focus {
    color: #d20032
  }

  .view-case:hover,
  .view-case:focus {
    color: #d20032
  }

  .case-more:hover {
    background: #d20032;
    color: #fff;
  }


  @media screen and (max-width: 1280px) {
    .banner-title {
      font-size: 36px;
    }

    .sol-more {
      font-size: 14px;
      width: 120px;
      height: 34px;
    }

    .banner-content p {
      font-size: 20px;
    }

    .breadnav {
      height: 40px;
      top: -40px;
      padding: 12px;
    }

    .swiper-pagination-switch {
      width: 13px;
      height: 13px;
    }

    .swiper-active-switch {
      width: 14px;
      height: 14px;
    }
  }

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

    .banner-content,
    .sol-breadnav p {
      width: 100%;
      left: 0;
      margin-left: 10%;
    }

    .sol-breadnav p {
      margin-left: 10%;
    }

    .solution-content,
    .cases-content {
      width: 1150px;
    }
    .pc-solution .tag-all {
      width: 240px;
    }

    /*.pc-solution .content-tag:nth-child(3n+3) {
      margin-right: 15px;
    }

    .cases-ul li:nth-child(3n+3) {
      margin-right: 45px;
    }

    .pc-solution .content-tag:nth-child(2n+2) {
      margin-right: 0px;
    }*/
  }
  

  @media screen and (max-width: 1310px) {
    .banner-title {
      font-size: 34px;
    }

    .sol-more {
      font-size: 12px;
      width: 100px;
      height: 28px;
      padding: 7px;
      margin-top: 19px;
    }

    .banner-content p {
      font-size: 18px;
    }

    .sol-breadnav {
      height: 30px;
      top: -30px;
      padding: 6px;
    }

    .sol-breadnav p {
      font-size: 12px;
    }

    .swiper-pagination-switch {
      width: 11px;
      height: 11px;
    }

    .swiper-active-switch {
      width: 12px;
      height: 12px;
    }
  }

  /*********修改手机端字体大小*********/
  @media screen and (max-width: 756px) {
    /* .solution-title {
      font-size: 35px;
      padding: 60px 0 40px;
    } */
  }

  /*********修改手机端字体大小*********/

  /*media*/
  .m-solution li {
    width: 46%;
    height: auto;
    background: #fff;
    float: left;
    margin: 0 2% 20px 2%;
  }

  .m-solution li>a {
    display: block;
    height: 70px;
  }

  .m-solution {
    display: none;
  }

  .m-solution .pc-show {
    display: none;
  }

  .m-solution .mb-show {
    display: inline-block;
  }

  .m-solution .tag-title {
    font-size: 20px;
    margin: 20px 0 20px 0;
    display: block;
    text-align: center;
    line-height: 28px;
    height:38px;
  }

  .m-solution li:nth-child(10) .tag-title {
    /* font-size: 20px;
    line-height: 28px; */
  }

  .m-solution .tag-content {
    font-size: 16px;
    text-align: left;
    margin: 0 20px 0 20px;
  }

  .m-solution .view-solution {
    font-size: 16px;
    text-align: left;
    margin: 50px 0 25px 20px;
    display: block;
  }

  @media screen and (max-width: 842px) {
    .cases-ul li:nth-child(3n+3) {
      margin-right: 0px;
    }
    .tag-content{
      max-height: 70px;
    }
    .swiper-container {
      height: auto;
    }

    .sol-banner {
      margin-top: 0;
    }

    .mobile-pic,
    .m-solution {
      display: block;
      width: 100%;
    }

    .pc-pic,
    .pc-solution,
    .sol-breadnav,
    .right-bar {
      display: none;
    }

    .solution-content {
      width: 100%;
      padding-top: 20px;
    }

    .cases-content {
      width: 768px;
    }

    .m-solution li:first-child img {
      /* margin-top: -13px; */
    }

    .cases-ul li {
      width: 90%;
      height: auto;
      margin: 0 5% 20px 5%;
    }

    .cases-ul li img {
      width: 100%;
      height: 100%;
    }

    .case-content {
      font-size: 26px;
      line-height: 40px;
      margin: 0 20px;
    }

    .case-title {
      font-size: 36px;
      line-height: 48px;
      height: auto;
      margin: 25px 20px;
    }

    .view-case {
      font-size: 30px;
      margin: 50px 0 30px 20px;
    }

    .case-more {
      width: 80%;
      /*396px*/
      font-size: 25px;
    }

    .sol-banner .swiper-pagination {
      bottom: 5%;
    }
  }

  @media screen and (max-width: 748px) {
    .cases-content {
      width: 100%;
      padding-top: 15px;
    }

    .cases-ul li {
      width: 100%;
      margin: 0;
      padding: 10px 0;
    }

    /*********修改手机端字体大小*********/
    .m-solution .tag-title {
      font-size: 25px;
      line-height: 35px;
    }

    .m-solution .tag-content {
      font-size: 18px;
      margin: 0 15px;
      /* height: 90px; */
    }

    .m-solution .view-solution {
      font-size: 19px;
      margin: 30px 0 20px 18px;
    }

    .m-solution li:nth-child(10) .tag-title {
      /* font-size: 20px;
      line-height: 35px; */
    }

    .case-title {
      font-size: 25px;
      line-height: 33px;
    }

    .case-content {
      font-size: 18px;
      line-height: 30px;
    }

    .view-case {
      font-size: 19px;
      margin: 15px 0 20px 20px;
    }

    .case-more {
      width: 60%;
      height: 40px;
      font-size: 20px;
      padding-top: 8px;
    }
	
	 .tag-title-br{
                display: none;
            }

    /*********修改手机端字体大小**********/
  }
  @media screen and (max-width:608px){
    .m-solution li:nth-child(9) .tag-title {
      /* line-height: 70px; */
    }
  }

  @media screen and (min-width:600px) and (max-width: 842px) {
    .banner-content {
      top: 17%;
    }

    .banner-title {
      font-size: 53px;
    }

    .sol-more {
      font-size: 24px;
      width: 180px;
      height: 50px;
      padding: 11px;
      border-radius: 25px;
      margin-top: 15%;
    }

    .banner-content p {
      font-size: 40px;
      margin-top: 15px;
    }
  }

  @media screen and (max-width: 480px) {
    .banner-title {
      font-size: 29px;
    }

    .sol-more {
      font-size: 13px;
      width: 100px;
      height: 28px;
      padding: 6px;
      border-radius: 14px;
      margin-top: 11%;
    }

    .banner-content p {
      font-size: 16px;
    }

    .swiper-pagination-switch {
      width: 11px;
      height: 11px;
    }

    .swiper-active-switch {
      width: 12px;
      height: 12px;
    }

    .banner-content {
      top: 17%;
    }
  }

  @media screen and (max-width: 480px) {
    /* .solution-title {
      font-size: 30px;
      padding: 45px 0 30px;
    } */

    .m-solution li>a {
      display: block;
      width: 24%;
      margin: 0 auto;
    }

    .m-solution li img {
      width: 100%;
    }

    .m-solution .tag-title {
      font-size: 20px;
      margin:-10px 0 14px;
      line-height: 24px;
    }

    .m-solution li:nth-child(10) .tag-title {
      /* font-size: 15px;
      line-height: 28px; */
    }

    .m-solution .tag-content {
      font-size: 16px;
    }

    .m-solution .view-solution {
      font-size: 16px;
    }

  }
  @media screen and (max-width:456px){
    .m-solution li:nth-child(9) .tag-title {
      /* line-height: 56px; */
    }
  }
  @media screen and (max-width: 320px) {
    .m-solution li:nth-child(10) .tag-title{
      /* font-size: 13px; */
    }
  }

  .r-header-top {
    top: 0;
  }

  @media screen and (max-width: 1024px) {
    .sol-banner {
      margin-top: 0;
    }
  }